单击某个复选框时，选中列表视图中的所有复选框

<input type="checkbox" class="select-all"> 全选
<ul class="checkbox-list">
  <li><input type="checkbox" class="checkbox-item"> 选项1</li>
  <li><input type="checkbox" class="checkbox-item"> 选项2</li>
  <li><input type="checkbox" class="checkbox-item"> 选项3</li>
  <li><input type="checkbox" class="checkbox-item"> 选项4</li>
</ul>

// 获取全选复选框和列表视图中的复选框元素
var selectAllCheckbox = document.querySelector('.select-all');
var checkboxItems = document.querySelectorAll('.checkbox-item');

// 全选复选框的点击事件处理函数
selectAllCheckbox.addEventListener('click', function() {
  // 获取全选复选框的选中状态
  var isChecked = selectAllCheckbox.checked;

  // 遍历列表视图中的复选框元素，设置它们的选中状态与全选复选框相同
  checkboxItems.forEach(function(checkbox) {
    checkbox.checked = isChecked;
  });
});