checkbox为实现全选

要实现全选功能，可以在HTML中使用一个checkbox来控制所有其他checkbox的选中状态。具体实现方法如下：

1. 在HTML中，添加一个id为“check-all”的checkbox，用于控制所有其他checkbox的选中状态：

<input type="checkbox" id="check-all">全选

2. 给其他需要控制的checkbox添加一个class为“check-item”，表示它们是需要被全选控制的checkbox：

<input type="checkbox" class="check-item">选项1
<input type="checkbox" class="check-item">选项2
<input type="checkbox" class="check-item">选项3

3. 使用JavaScript代码来实现全选功能。当“check-all”被选中时，所有class为“check-item”的checkbox都被选中；当“check-all”被取消选中时，所有class为“check-item”的checkbox都被取消选中：

var checkAll = document.getElementById("check-all");
var checkItems = document.getElementsByClassName("check-item");

checkAll.onclick = function() {
  for (var i = 0; i < checkItems.length; i++) {
    checkItems[i].checked = checkAll.checked;
  }
}

for (var i = 0; i < checkItems.length; i++) {
  checkItems[i].onclick = function() {
    var checkedCount = 0;
    for (var j = 0; j < checkItems.length; j++) {
      if (checkItems[j].checked) {
        checkedCount++;
      }
    }
    checkAll.checked = checkedCount == checkItems.length;
  }
}

这样就可以实现全选功能了。