如何使用高山js通过单击一个复选框来选中和取消选中所有复选框

<input type="checkbox" id="selectAll">全选复选框

<input type="checkbox" class="checkbox">复选框1
<input type="checkbox" class="checkbox">复选框2
<input type="checkbox" class="checkbox">复选框3
<!-- 更多复选框... -->

document.addEventListener("DOMContentLoaded", function() {
  var selectAllCheckbox = document.getElementById("selectAll");
  var checkboxes = document.querySelectorAll(".checkbox");
  
  selectAllCheckbox.addEventListener("click", function() {
    for (var i = 0; i < checkboxes.length; i++) {
      checkboxes[i].checked = selectAllCheckbox.checked;
    }
  });
});