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

以下是代码实现：

HTML：

<div>
  <input type="checkbox" id="checkbox1" name="checkbox1" value="value1">
  <label for="checkbox1">选项1</label>
</div>
<div>
  <input type="checkbox" id="checkbox2" name="checkbox2" value="value2">
  <label for="checkbox2">选项2</label>
</div>
<div>
  <input type="checkbox" id="checkbox3" name="checkbox3" value="value3">
  <label for="checkbox3">选项3</label>
</div>
<button id="deleteBtn">删除选中</button>

JS：

var deleteBtn = document.getElementById("deleteBtn");
deleteBtn.onclick = function() {
  var checkboxes = document.querySelectorAll('input[type=checkbox]:checked');
  for (var i = 0; i < checkboxes.length; i++) {
    var checkbox = checkboxes[i];
    checkbox.parentNode.remove();
  }
};

上述代码实现了：选中某个多选框后点击按钮，将被选中的选项从 DOM 结构中删除。