c# - 使用基于另一个输入字段的值将输入字段设为只读
问题描述
我在创建用户表单中有 3 个输入字段。根据状态的选择,我想将接下来的 2 个字段设置为具有特定值的只读字段。
因此,如果用户为 Status 选择“Full-Time”,接下来的 2 个字段应分别变为只读,值为 5 和 7.6。对于任何其他选择,它应保留为用户输入值的正常输入字段。我怎样才能做到这一点?非常感谢任何帮助
解决方案
您可以使用侦听器事件和 jquery 的方法 attr 来处理其他两个文本框的状态。这是一个例子。
function changeVal(e) {
console.log(e.target.value)
if (e.target.value == "Full Time") {
$("#workingday").val(5)
$("#workinghour").val(7.6)
$("#workingday").attr("readonly", true)
$("#workinghour").attr("readonly", true)
} else {
$("#workingday").val("")
$("#workinghour").val("")
$("#workingday").attr("readonly", false)
$("#workinghour").attr("readonly", false)
}
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<table>
<tr>
<td>status</td>
<td>Working Day in weeks</td>
<td>Working Hours Per Day</td>
</tr>
<tr>
<td>
<select onchange="changeVal(event)">
<option value="">--select--</option>
<option value="Full Time">Full Time</option>
<option value="other">other value</option>
</select>
</td>
<td>
<input type="text" id="workingday" name="workingday" value="0" />
</td>
<td>
<input type="text" id="workinghour" name="workinghour" value="0" />
</td>
</tr>
</table>
推荐阅读
- javascript - Javascript adobe Illustrator JSON 未定义 - 解码 JSON 编码的剪贴板数据
- redux - 重新选择:将多个参数传递给组合选择器
- php - 刷新页面时如何防止SQL查询再次执行?
- c# - 如何通过单击进入 ItemsControl MVVM 更改 TextBlock 的数据绑定?
- android - ExpandableListView 点击事件不起作用
- progressive-web-apps - Progressive Web App“清单不包含合适的图标”
- rest - @RequestParam javax 验证 junit REST 控制器测试
- java - 使用 XSLT 将 XML 输出转换为 HTML 表
- sql - Oracle Exception 的位置很重要吗?
- google-cloud-storage - GSutil RSync - 更改最大文件路径限制以匹配 Windows