选中复选框,如果选中其他复选框

Question

如果选中值为1的复选框,我希望自动检查带有值2的复选框.两者都具有相同的ID,因此我无法使用getElementById.

HTML:

<input type="checkbox" value="1" id="user_name">1<br>
<input type="checkbox" value="2" id="user_name">2

我累了:

var chk1 = $("input[type="checkbox"][value="1"]");
var chk2 = $("input[type="checkbox"][value="2"]");

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

Answer 1

您需要将HTML和jQuery更改为:

var chk1 = $("input[type='checkbox'][value='1']");
var chk2 = $("input[type='checkbox'][value='2']");

chk1.on('change', function(){
    chk2.prop('checked',this.checked);
});

1. id 是唯一的,你应该使用类来代替.

2. 你选择了chk1和chk2是错误的,正确的使用串连它'像上面.

3. 使用change()函数检测何时选中或取消选中第一个复选框,然后使用prop()更改第二个复选框的选中状态.

小提琴演示