HTML 中POST 未选中的 HTML 复选框

我有很多默认选中的复选框。我的用户可能会取消选中一些（如果有）复选框，而其余的则保持选中状态。

有没有办法使表单 POST 成为未选中的复选框，而不是选中的复选框？

分割线

网友回答：

到目前为止，我最喜欢的解决方案是放置一个与可能未选中的复选框同名的隐藏输入。我认为它的工作原理是，如果未选中该复选框，隐藏输入仍然成功并发送到服务器，但如果选中该复选框，它将覆盖它之前的隐藏输入。这样，您就不必跟踪已发布数据中的哪些值应来自复选框。

<form>
  <input type='hidden' value='0' name='selfdestruct'>
  <input type='checkbox' value='1' name='selfdestruct'>
</form>

分割线

网友回答：

为具有不同 ID 的复选框添加隐藏输入：

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

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

form.addEventListener('submit', () => {
    if(document.getElementById("testName").checked) {
        document.getElementById('testNameHidden').disabled = true;
    }
}

分割线

网友回答：

我通过使用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（未设置）或 1（设置）。

模板简介：该模板名称为【HTML 中POST 未选中的 HTML 复选框】，大小是暂无信息，文档格式为.编程语言，推荐使用Sublime/Dreamweaver/HBuilder打开，作品中的图片，文字等数据均可修改，图片请在作品中选中图片替换即可，文字修改直接点击文字修改即可，您也可以新增或修改作品中的内容，该模板来自用户分享，如有侵权行为请联系网站客服处理。欢迎来懒人模板【HTML】栏目查找您需要的精美模板。