取消checkbox时如何从array中移除对应值并避免传递至print.php？

后端PHP处理（核心保障） #

不管前端提交逻辑如何，后端必须做过滤，确保只处理已勾选的项：

场景1：表单仅用Checkbox #

默认情况下，未勾选的Checkbox不会被提交到服务器，所以print.php里直接拿提交的数组就行：

<?php
if (isset($_POST['print_items']) && is_array($_POST['print_items'])) {
    $selected = $_POST['print_items'];
    // 遍历打印选中项
    foreach ($selected as $item) {
        echo "打印内容：" . htmlspecialchars($item) . "<br>";
    }
} else {
    echo "没有选择任何打印项";
}
?>

注：这里Checkbox的name要设为print_items[]，这样提交后会自动组成数组

场景2：表单用了隐藏域+Checkbox（强制提交所有项） #

如果为了兼容某些场景加了隐藏域（比如怕未勾选项没提交），比如每个选项对应一个隐藏域和Checkbox：

<div>
    <input type="hidden" name="print_items[book1]" value="0">
    <input type="checkbox" name="print_items[book1]" value="1"> 图书1
</div>
<div>
    <input type="hidden" name="print_items[book2]" value="0">
    <input type="checkbox" name="print_items[book2]" value="1"> 图书2
</div>

这种情况未勾选的项会传0，勾选的传1，后端过滤掉值为0的项即可：

<?php
if (isset($_POST['print_items']) && is_array($_POST['print_items'])) {
    // 只保留值为1（已勾选）的项的键名
    $selected = array_keys(array_filter($_POST['print_items'], function($val) {
        return $val == 1;
    }));
    
    foreach ($selected as $item) {
        echo "打印内容：" . htmlspecialchars($item) . "<br>";
    }
} else {
    echo "没有选择任何打印项";
}
?>

前端交互优化（方便取消勾选） #

给用户加个快速取消的方式，比如全选/取消全选按钮：

<button onclick="toggleCheckAll()">全选/取消全选</button>

<script>
function toggleCheckAll() {
    const checkboxes = document.querySelectorAll('input[name="print_items[]"]');
    const isAllChecked = Array.from(checkboxes).every(cb => cb.checked);
    checkboxes.forEach(cb => cb.checked = !isAllChecked);
}
</script>

内容的提问来源于stack exchange，提问作者Karl Francis Lopez