在jquery中序列化两个复选框

Question

我正在尝试序列化两个输入类型复选框，但我什么都没得到，我不确定我的代码是否有问题

<input class="CheckBox" id="Refs" value="13" type="checkbox">
<input class="CheckBox" id="Refs" value="14" type="checkbox">

做一些像

这样的事情

$(".CheckBox:checked").serialize();

返回null

但是

$(".CheckBox:checked").val(); 

有第一个选中的复选框 你知道怎么做吗？

Answer 1

表单元素需要name属性为.serialize()，因为name属性是在序列化期间用作对键的对象。

另请注意，id必须是独特的文档范围：

<input name="a" class="CheckBox" id="Refs_a" value="13" type="checkbox">
<input name="b" class="CheckBox" id="Refs_b" value="14" type="checkbox">

此外，:checked伪选择器不是必需的，因为未经检查的复选框无论如何都不会被序列化 - 这会使复选框失败。

$(".CheckBox").serialize();

JSFiddle