如何在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>

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