js全选checkbox

要实现 JavaScript 中的全选 checkbox 功能，你可以使用以下代码片段：

<input type="checkbox" id="selectAll" onchange="selectAllCheckboxes()">
<label for="selectAll">全选</label>

<input type="checkbox" class="checkbox-item">
<input type="checkbox" class="checkbox-item">
<input type="checkbox" class="checkbox-item">

<script>
function selectAllCheckboxes() {
  let checkboxes = document.getElementsByClassName('checkbox-item');
  let selectAllCheckbox = document.getElementById('selectAll');

  for (let i = 0; i < checkboxes.length; i++) {
    checkboxes[i].checked = selectAllCheckbox.checked;
  }
}
</script>

此代码示例包含一个“全选”checkbox和一组用于选择的checkbox。当“全选”checkbox被选中或取消选中时，`selectAllCheckboxes`函数会将所有checkbox的选中状态与“全选”checkbox保持一致。你可以根据实际需要自定义checkbox的样式和数量。