如何使用Ajax和PHP判断复选框未被勾选？

嗨，这个问题我太熟了！你踩了一个很常见的小坑——用val()获取复选框值的时候，不管它有没有被勾选，拿到的都是你在HTML里设置的value="yes"，所以不管勾没勾，传给PHP的都是"yes"，那你的判断条件当然永远不成立啦。

下面给你两种靠谱的解决方案：

方案一：前端先判断选中状态，传递明确标识 #

在JS里先检查复选框是否被勾选，再决定传什么值给后端：

// 用is(':checked')判断选中状态，返回布尔值
var checkStatus = $('#checkBox').is(':checked') ? 'yes' : 'no';
$.ajax({
    type: "POST",
    url: "file.php",
    data: {check: checkStatus},
    success: function(data) {
        alert(data);
    }
});

对应的PHP代码可以这样写（用null合并运算符处理参数不存在的情况，更健壮）：

// 如果check参数不存在，默认设为'no'
$check = $_POST['check'] ?? 'no';
if ($check !== "yes") {
    echo "Not checked";
} else {
    echo "Checked";
}

方案二：利用表单提交的默认特性（更推荐） #

HTML表单有个默认行为：未被勾选的复选框不会被提交到后端。所以我们可以利用这一点，只在复选框被勾选时才传递参数，后端直接判断参数是否存在即可。

前端代码调整成这样：

var formData = {};
// 只有勾选时才添加check参数
if ($('#checkBox').is(':checked')) {
    formData.check = $('#checkBox').val();
}
$.ajax({
    type: "POST",
    url: "file.php",
    data: formData,
    success: function(data) {
        alert(data);
    }
});

对应的PHP代码就非常简洁了：

if (!isset($_POST['check'])) {
    echo "Not checked";
} else {
    echo "Checked";
}

要是你用$('#yourForm').serialize()来序列化整个表单数据的话，前端连判断都不用写——序列化后的结果里自动不会包含未勾选的复选框，后端直接判断isset($_POST['check'])就行，这也是最符合表单提交规范的做法。

内容的提问来源于stack exchange，提问作者Frank