js全选删除

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>全选删除示例</title>
<script>
function selectAll() {
    var checkboxes = document.querySelectorAll('input[type="checkbox"]');
    for (var i = 0; i < checkboxes.length; i++) {
        checkboxes[i].checked = true;
    }
}

function deleteSelected() {
    var checkboxes = document.querySelectorAll('input[type="checkbox"]:checked');
    for (var i = 0; i < checkboxes.length; i++) {
        checkboxes[i].parentNode.remove();
    }
}
</script>
</head>
<body>

<ul>
    <li><input type="checkbox"> 项目 1</li>
    <li><input type="checkbox"> 项目 2</li>
    <li><input type="checkbox"> 项目 3</li>
    <!-- 更多项目 -->
</ul>

<button onclick="selectAll()">全选</button>
<button onclick="deleteSelected()">删除选中项</button>

</body>
</html>

function deleteSelected() {
    if (confirm("确定要删除选中的项目吗？")) {
        var checkboxes = document.querySelectorAll('input[type="checkbox"]:checked');
        for (var i = 0; i < checkboxes.length; i++) {
            checkboxes[i].parentNode.remove();
        }
    }
}