input checkBox 制作一个批量处理

您可以通过以下步骤来实现 input checkbox 的批量处理：

1. 在 HTML 中，使用 input 标签并将 type 属性设置为 checkbox 来创建一个 checkbox。

<input type="checkbox" id="checkAll"> 全选
<input type="checkbox" class="checkbox-item" name="item" value="1"> 选项1
<input type="checkbox" class="checkbox-item" name="item" value="2"> 选项2
<input type="checkbox" class="checkbox-item" name="item" value="3"> 选项3

2. 使用 JavaScript 监听全选 checkbox 的点击事件，然后将其他 checkbox 的选中状态与它保持一致。

const checkAll = document.getElementById('checkAll');
const checkboxes = document.querySelectorAll('.checkbox-item');

checkAll.addEventListener('click', () => {
  checkboxes.forEach((checkbox) => {
    checkbox.checked = checkAll.checked;
  });
});

3. 在处理批量操作时，遍历所有选中的 checkbox，然后执行相应的操作。

const batchButton = document.getElementById('batchButton');

batchButton.addEventListener('click', () => {
  const selectedItems = [];

  checkboxes.forEach((checkbox) => {
    if (checkbox.checked) {
      selectedItems.push(checkbox.value);
    }
  });

  // 在这里执行批量操作，例如发送选中项到后台
  console.log('选中的项：', selectedItems);
});

通过以上的步骤，您可以实现 input checkbox 的批量处理功能。