checkbox 全选 js—js中checkbox选中触发事件：代码示例

当我们在网页中使用多个checkbox时，通常会有一个全选的功能，即点击一个全选的checkbox，所有的checkbox都被选中或取消选中。为了实现这个功能，我们可以使用JavaScript来监听全选checkbox的点击事件，并将其状态应用到其他的checkbox上。

我们需要在HTML中定义一个全选的checkbox和一组其他的checkbox。全选的checkbox可以使用input元素的type属性为checkbox来创建，其他的checkbox也是类似的方式创建。我们可以给每个checkbox一个相同的class，方便我们在JavaScript中使用选择器来选择它们。

接下来，在JavaScript中，我们可以使用addEventListener方法来为全选的checkbox添加一个点击事件的监听器。当点击全选的checkbox时，我们可以获取到它的状态，通过遍历其他的checkbox，并将它们的状态设置为与全选的checkbox相同。

下面是一个示例代码，演示了如何实现全选的功能：

HTML代码：

<input type="checkbox" id="checkAll">全选
<br>
<input type="checkbox" class="ec42-7d69-84bb-9099 checkbox">选项1
<br>
<input type="checkbox" class="7d69-84bb-9099-3167 checkbox">选项2
<br>
<input type="checkbox" class="0493-82af-3620-405d checkbox">选项3

JavaScript代码：

var checkAll = document.getElementById("checkAll");
var checkboxes = document.getElementsByClassName("checkbox");
checkAll.addEventListener("click", function() {
  for (var i = 0; i < checkboxes.length; i++) {
    checkboxes[i].checked = checkAll.checked;
  }
});

在上面的示例代码中，我们首先通过getElementById方法获取到id为"checkAll"的全选checkbox，然后通过getElementsByClassName方法获取到class为"checkbox"的其他checkbox。然后，我们为全选的checkbox添加了一个点击事件的监听器，当点击全选的checkbox时，会执行一个匿名函数。在这个匿名函数中，我们使用了一个for循环，遍历所有的其他checkbox，并将它们的checked属性设置为全选的checkbox的checked属性。

这样，当我们点击全选的checkbox时，其他的checkbox会自动跟随全选的checkbox的状态进行选中或取消选中。