javascript - 如何使用复选框启用多个元素

Question

我经历了一些通过javascript启用/禁用多个html元素的代码：

<script type="text/javascript">
    function enableDisable(bEnable, text_no1, text_no2, opt_no1, opt_no2){
        document.getElementById(text_no1).disabled = !bEnable
        document.getElementById(text_no2).disabled = !bEnable
        document.getElementById(opt_no1).disabled = !bEnable
        document.getElementById(opt_no2).disabled = !bEnable
    }
</script>
<label for="toggler"><input type="checkbox" id="toggler" autocomplete="off"
 checked="false" 
 onclick="enableDisable(this.checked, 'text_no1','text_no2','opt_no1','opt_no2')";>
&nbsp;Toggler</label>
<br>
<input type="text" name="text_no1"><br>
<input type="text" name="text_no1"><br>
<select name="opt_no1">
  <option>1</option>
</select>
<select name="opt_no2">
  <option>1</option>
</select>

Answer 1

我为您要实现的目标制作了一个简单的脚本。

（在 Chrome 21、Firefox 14、Internet Explorer 9 中测试）

JavaScript

function Switch() {
    var checkbox = document.getElementById("Switch")

    var val = checkbox.checked

    document.getElementById("textbox").disabled = val

}

的HTML

<input type="checkbox" id="Switch" onChange="Switch()" />Disable/Enable
<br />
<input type="text" id="textbox"/>

现场示例：http: //jsfiddle.net/jHVNE/1/

Answer 2