如果选中其他复选框,则选中Javascript以选中复选框

时间:2010-12-02 20:52:00

标签: javascript html

我有2个复选框,考虑chk1和chk2。如果选中一个复选框,则应自动检查第二个复选框,而不是反之亦然。什么应该是JavaScript?有人能帮我吗?谢谢!!

3 个答案:

答案 0 :(得分:6)

这是一个简单的内联版本,用于演示一般概念。您可能希望将其拉出到实际使用中的单独函数中。

如果你希望chk2与chk1的任何更改自动保持同步,但是当点击chk2时不执行任何操作,请执行此操作。

 <input id="chk1" type="checkbox" onclick="document.getElementById('chk2').checked = this.checked;">
 <input id="chk2" type="checkbox">

此版本仅在选中chk1时更改chk2,但在取消选中ck1时不执行任何操作。

 <input id="chk1" type="checkbox" onclick="if (this.checked) document.getElementById('chk2').checked = true;">
 <input id="chk2" type="checkbox">

答案 1 :(得分:2)

var chk1 = document.getElementById('chk1');
var chk2 = document.getElementById('chk2');

if ( chk1.checked )
      chk2.checked = true;

答案 2 :(得分:1)

第一个:

document.getElementById('chk1').checked = document.getElementById('chk2').checked;

对于第二个:

document.getElementById('chk2').checked = document.getElementById('chk1').checked;