jquery获取checkbox选中的值

使用 jQuery 获取 checkbox 选中的值

通过 jQuery 可以轻松获取选中的 checkbox 值，以下是几种常见方法：

方法一：使用 :checked 选择器和 each() 遍历

var selectedValues = [];
$('input[type="checkbox"]:checked').each(function() {
    selectedValues.push($(this).val());
});
console.log(selectedValues);

方法二：使用 map() 方法

var selectedValues = $('input[type="checkbox"]:checked').map(function() {
    return $(this).val();
}).get();
console.log(selectedValues);

方法三：获取特定 class 或 name 的 checkbox

var selectedValues = $('.checkbox-class:checked').map(function() {
    return $(this).val();
}).get();

方法四：获取表单中的 checkbox 值

$('form').submit(function() {
    var selectedValues = $(this).find('input[type="checkbox"]:checked').map(function() {
        return $(this).val();
    }).get();
    console.log(selectedValues);
    return false; // 阻止表单提交
});

注意事项

• 确保 checkbox 有 value 属性，否则获取的值可能为空。
• 如果 checkbox 未选中，val() 方法将不会包含在结果中。
• 使用 prop('checked') 可以检查单个 checkbox 是否被选中。