使用JS通过复选框启用文本框

Enabling textbox by means of checkbox with JS

本文关键字：启用 文本 复选框 JS 使用      更新时间：2023-09-26

您能解释一下如何根据组合框启用/禁用文本框（也就是说，可以编辑或不能编辑）吗？如果组合框值=1->文本框启用；如果组合框=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元素的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>

注意：我将txt1标记为禁用，以处理加载页面时的初始状态，并且select1设置为Option 0。

检查这个，

<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;
}

注意：address2是一个文本字段

相关文章：