js写几个复选框框，再写一个按钮，点击按钮后，复选框选择的元素删除

你好！感谢您的提问。以下是对您的问题的回答：

您可以使用以下的 HTML 和 JavaScript 代码来实现您的需求：

HTML 代码：

<div>
  <input type="checkbox" id="chk1" name="chk" value="item1">
  <label for="chk1">Item 1</label>
</div>
<div>
  <input type="checkbox" id="chk2" name="chk" value="item2">
  <label for="chk2">Item 2</label>
</div>
<div>
  <input type="checkbox" id="chk3" name="chk" value="item3">
  <label for="chk3">Item 3</label>
</div>

<button onclick="deleteItems()">Delete selected items</button>

JavaScript 代码：

function deleteItems() {
  // 获取所有名称为 chk 的复选框元素
  const checkboxes = document.getElementsByName("chk");

  // 创建一个数组来存储选中的复选框值
  const selectedItems = [];

  // 循环遍历所有复选框元素
  for (let i = 0; i < checkboxes.length; i++) {
    const checkbox = checkboxes[i];
    // 如果当前复选框被选中，则将它的值存入数组中
    if (checkbox.checked) {
      selectedItems.push(checkbox.value);
    }
  }

  // 循环遍历选中的复选框值，并在文档中删除对应的元素
  for (let i = 0; i < selectedItems.length; i++) {
    const selectedItem = selectedItems[i];
    const itemToRemove = document.querySelector(`[value="${selectedItem}"]`).parentNode;
    itemToRemove.remove();
  }
}

当您将上述代码添加到 HTML 页面并运行时，在复选框中选择一个或多个项目，然后单击按钮，选中的项目就会被删除。希望这可以帮助您实现您的需求！