jscheckbox批量删除

<ul id="itemList">
  <li><input type="checkbox" class="itemCheckbox"> Item 1</li>
  <li><input type="checkbox" class="itemCheckbox"> Item 2</li>
  <li><input type="checkbox" class="itemCheckbox"> Item 3</li>
  <!-- 更多项 -->
</ul>
<button id="deleteButton">删除选中项</button>

document.getElementById('deleteButton').addEventListener('click', function() {
  // 获取所有选中的复选框
  const checkboxes = document.querySelectorAll('.itemCheckbox:checked');
  
  // 遍历选中的复选框并删除对应的项目
  checkboxes.forEach(checkbox => {
    const listItem = checkbox.closest('li');
    listItem.remove();
  });
  
  // 可选：弹出确认框
  if (confirm('确定要删除选中的项目吗？')) {
    // 确认后执行删除操作
  } else {
    // 取消操作，恢复被删除的项目（如果有必要）
  }
});

const scrollPosition = window.pageYOffset;
// 执行删除操作
window.scrollTo(0, scrollPosition);

function batchDelete(checkboxes, batchSize = 10) {
  let index = 0;
  function deleteBatch() {
    const end = Math.min(index + batchSize, checkboxes.length);
    for (let i = index; i < end; i++) {
      checkboxes[i].closest('li').remove();
    }
    index += batchSize;
    if (index < checkboxes.length) {
      setTimeout(deleteBatch, 0);
    }
  }
  deleteBatch();
}