张贴未选中的HTML复选框

Question

张贴未选中的HTML复选框我有很多默认选中的复选框。我的用户可能会取消选中几个复选框(如果有的话)，并保留其余复选框。有什么方法可以使表单将下面的复选框不检查，而不是那些是查过了吗？

Answer 1

使用不同的ID为复选框添加一个隐藏输入：

<input id='testName' type='checkbox' value='Yes' name='testName'><input id='testNameHidden' type='hidden' value='No' name='testName'>

在提交表单之前，根据选中的条件禁用隐藏输入：

if(document.getElementById("testName").checked) {
    document.getElementById('testNameHidden').disabled = true;}

Answer 2

我通过使用vanilla JavaScript解决了这个问题：

<input type="hidden" name="checkboxName" value="0"><input type="checkbox" onclick="this.previousSibling.value=1-this.previousSibling.value">

注意不要在这两个输入元素之间有任何空格或换行！

你可以用this.previousSibling.previousSibling获得“上层”元素。

使用PHP，您可以检查指定的隐藏字段0(NOTSET)或1(SET)。