javascript - 如何在 HTML 中给出未选中的复选框值？

Question

我正在尝试使未选中的复选框具有价值，而选中的复选框则没有。

<form>
<input style="visibility:hidden" type="checkbox" name="box" value="a" checked />
<input type="checkbox" name="box" value="b" checked />
</form>

显然在某一点上，这本来可以作为第二个复选框覆盖第一个复选框的值。但是现在，似乎两个值都已提交。

有任何想法吗？

Answer 1

这是因为您使用的是复选框，请将代码更改为：

<form>
  <input style="visibility:hidden" type="radio" name="box" value="a" checked />
  <input type="radio" name="box" value="b" checked />
</form>

输入类型单选只接受一个选项，而复选框每组需要多个选项，因此由于用户无法从顶部删除选中的选项，因此您将同时获得发送服务器端。