如何使用输入类型复选框选择所有框

<input type="checkbox" id="checkbox1" value="option1">
<label for="checkbox1">选项1</label><br>

<input type="checkbox" id="checkbox2" value="option2">
<label for="checkbox2">选项2</label><br>

<input type="checkbox" id="checkbox3" value="option3">
<label for="checkbox3">选项3</label><br>

<!-- 添加更多的复选框 -->

var checkboxes = document.querySelectorAll('input[type="checkbox"]');

<input type="checkbox" id="selectAll">
<label for="selectAll">全选</label>

<script>
var selectAllCheckbox = document.getElementById('selectAll');

selectAllCheckbox.addEventListener('change', function() {
  checkboxes.forEach(function(checkbox) {
    checkbox.checked = selectAllCheckbox.checked;
  });
});
</script>

checkboxes.forEach(function(checkbox) {
  checkbox.addEventListener('change', function() {
    // 处理选择结果
    if (this.checked) {
      console.log('选中了 ' + this.value);
    } else {
      console.log('取消选中 ' + this.value);
    }
  });
});