js全选按钮

实现JS全选按钮的基本思路是：通过监听全选按钮的点击事件，来改变其他复选框的选中状态。以下是一个简单的实现方法：

HTML代码：

<input type="checkbox" id="select-all"> 全选
<input type="checkbox" class="checkbox-item"> 选项1
<input type="checkbox" class="checkbox-item"> 选项2
<input type="checkbox" class="checkbox-item"> 选项3

JS代码：

// 获取全选按钮和每个复选框
var selectAll = document.getElementById('select-all');
var checkBoxes = document.getElementsByClassName('checkbox-item');

// 给全选按钮添加点击事件监听器
selectAll.addEventListener('click', function() {
  // 遍历每个复选框，将它们的选中状态改为全选按钮的状态
  for (var i = 0; i < checkBoxes.length; i++) {
    checkBoxes[i].checked = selectAll.checked;
  }
});

在上述代码中，我们首先通过 `getElementById` 方法获取了全选按钮，然后通过 `getElementsByClassName` 方法获取了所有的复选框。接下来，我们给全选按钮添加了一个点击事件监听器，当全选按钮被点击时，我们遍历所有的复选框，将它们的选中状态改为全选按钮的状态。这样，当用户点击全选按钮时，所有的复选框都会被选中，当用户取消全选时，所有的复选框都会取消选中。