如何在嵌套表单数组中选择全部和取消选择全部？

<input type="checkbox" id="selectAll"> 全选
<br>
<input type="checkbox" class="item"> 项目1
<br>
<input type="checkbox" class="item"> 项目2
<br>
<input type="checkbox" class="item"> 项目3
<br>
<input type="checkbox" class="item"> 项目4
<br>

// 获取全选复选框和子复选框元素
var selectAllCheckbox = document.getElementById('selectAll');
var itemCheckboxes = document.getElementsByClassName('item');

// 绑定全选复选框的点击事件
selectAllCheckbox.addEventListener('click', function() {
  // 遍历子复选框元素
  for (var i = 0; i < itemCheckboxes.length; i++) {
    // 判断全选复选框的状态
    if (selectAllCheckbox.checked) {
      // 设置子复选框为选中状态
      itemCheckboxes[i].checked = true;
    } else {
      // 设置子复选框为未选中状态
      itemCheckboxes[i].checked = false;
    }
  }
});