获取复选框值已选中 - JavaScript

Question

我在表单中有复选框（id ='submit_slides_1'）：

提交表单后，我想获取已选中复选框的所有值：

<input type='checkbox' class='chk_selection_info_box' name='thumb_selection[]' value='" + images[i]['url'] + "'>

在我的javascript中我有以下代码：

$("#submit_slides_1").submit(function(e) {
    e.preventDefault();
    var x=$("#thumb_selection").is(":checked");
    alert(x);
  }
);

但它一直给我假;我错过了什么吗？

增加： 试过但它也说“未定义”：

$(".chk_selection_info_box:checked").each(function(i,l)
{
    alert(l.value);
});

如果您需要更多说明，请告诉我您需要进一步澄清的部分！

由于

Answer 1

没有带有该ID的元素。这将是你所缺少的。添加ID。

但是你的代码建议你有多个复选框，如果是这种情况，设置一个id将无法工作，并且使用一个类将无法工作，因为is（）只能在第一个元素上工作。

var checkedElements = $(".chk_selection_info_box:checked");

您需要使用.serialize()，.map()或.each()来获取所有值。

Answer 2

如果他们都拥有.chk_selection_info_box类，那么请使用:checked选择器选择这些元素，并将.map()值添加到集合中，然后将其转换为.toArray()。< / p>

var values = $(".chk_selection_info_box:checked").map(function(i, el) {
    return el.value
}).toArray();

Answer 3

试试这个伴侣

var x = $(".chk_selection_info_box").prop('checked');