在 jquery 中序列化两个复选框

Serialize two checkbox in jquery

本文关键字:两个 复选框 jquery 序列化      更新时间:2023-09-26

我正在尝试序列化两个输入类型复选框,但我一无所获,我不确定我的代码是否有问题

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

并做类似的事情

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

返回空

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

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

表单元素需要具有name属性才能.serialize() 'd,因为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