如何一起检查2个复选框?

时间:2013-09-29 13:57:34

标签: javascript

例如,如果我选中第一个复选框,则第二个复选框也将被选中,第二个复选框取决于第一个复选框。我有8个复选框,因此它们是4对并采用数组格式。我怎么能这样做?

1 个答案:

答案 0 :(得分:3)

有几种方法可以做到这一点。以下只是其中一种可能性(另见fiddle)。但由于本身不支持addEventListener,因此无法在较旧的IE中使用。有关详细信息,请访问:addEventListener on mdn

<input id="first-checkbox" type="checkbox" name="first">
<input id="second-checkbox" type="checkbox" name="second">

document.getElementById("first-checkbox").addEventListener("change", function() {
  document.getElementById("second-checkbox").checked = this.checked;
});

注意:这指向“第二个复选框取决于第一个复选框”但反之不然。您可以保存元素引用,为它们添加单击处理程序,然后将当前选中状态设置为未单击的复选框。如果第一个复选框未选中,则此代码将重置第二个复选框上的选中状态。 (我不确定在读你的问题你想做什么。)