如何解决通过JS复选框启用文本框
|| 您能解释一下如何根据组合框启用/禁用文本框(即,可以编辑还是不能编辑)? 如果组合框值= 1->启用文本框;如果combobox = 0-> textbox禁用。解决方法
您想使用
select
元素的onchange
事件。这是一个例子:
<html>
<head>
<script type=\"text/javascript\">
function select1changed()
{
var select1 = document.getElementById(\'select1\');
var txt1 = document.getElementById(\'txt1\');
txt1.disabled = (select1.value == \'0\');
}
</script>
</head>
<body>
<form>
Combo:
<select id=\"select1\" onchange=\"select1changed();\">
<option value=\"0\">Option 0</option>
<option value=\"1\">Option 1</option>
</select>
Text: <input id=\"txt1\" type=\"text\" value=\"sometext\" disabled=\"disabled\" />
</form>
</body>
注意:我已将ѭ3marked标记为已禁用,以便在加载页面并将select1
设置为Option 0
时处理初始状态。
, var combo = document.getElementById(\'combo\');
combo.onchange = function() {
var value = document.getElementById(\'combo\').value;
var textBox = document.getElementById(\'textbox\');
if (value == \'0\') {
textBox.setAttribute(\'readonly\',\'readonly\');
} else if (value == \'1\') {
textBox.removeAttribute(\'readonly\');
}
};
这是一个现场演示。
, 检查一下
<select id=\'abc\' onChange=\"changeMe()\">
<option value=\"\">--Select--</option>
<option value=\"111\">111</option>
<option value=\"222\">222</option>
</select>
<input type=\"text\" name=\"abcText\" />
<script>
function changeMe(){
if(document.getElementById(\"abc\").value == \"111\"){
document.getElementById(\"abcText\").disabled = true;
}else{
document.getElementById(\"abcText\").disabled = false;
}
}
</script>
, 是的,您可以轻松做到。
像这样利用文本框的disabled
属性
function enableField(val)
{
document.form1.address2.disabled = val;
}
注意:“ 10”是一个文本字段
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。