获取复选框值选中-JavaScript

getting the checkboxes values checked-JavaScript

本文关键字：-JavaScript 复选框 获取      更新时间：2023-09-26

我在表单内有复选框（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);
});
如果您需要更多澄清

，请让我知道您需要更多澄清的部分！

谢谢

没有具有该 id 的元素。那将是你所缺少的。添加 ID。

但是您的代码建议您有多个复选框，如果是这种情况，设置 id 将不起作用，并且使用类将不起作用，因为 is（） 只会处理第一个元素。 

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

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

如果它们都具有 .chk_selection_info_box 类，则使用 :checked 选择器选择这些元素，并将值.map()到集合，然后将其转换为.toArray() 。

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

试试这个伙伴

var x = $(".chk_selection_info_box").prop('checked');
相关文章：