jquery获取复选框选中的值

获取单个复选框的值

使用 :checked 选择器结合 .val() 方法获取选中复选框的值。假设复选框的 id 为 myCheckbox：

var value = $('#myCheckbox:checked').val();
console.log(value); // 输出选中的值

获取多个复选框的选中值

通过遍历选中的复选框，将值存入数组。假设所有复选框的 class 为 myCheckbox：

var selectedValues = [];
$('.myCheckbox:checked').each(function() {
    selectedValues.push($(this).val());
});
console.log(selectedValues); // 输出数组，如 ["value1", "value2"]

使用 map() 方法简化操作

通过 .map() 和 .get() 方法直接生成值数组：

var values = $('.myCheckbox:checked').map(function() {
    return $(this).val();
}).get();
console.log(values); // 结果同上

监听复选框变化事件

结合事件监听实时获取选中值：

$('.myCheckbox').change(function() {
    var checkedValues = $('.myCheckbox:checked').map(function() {
        return $(this).val();
    }).get();
    console.log(checkedValues);
});

注意事项

• 确保复选框有明确的 value 属性，否则返回 undefined。
• 若需获取文本内容而非 value，可使用 $(this).next('label').text()（假设文本在相邻的 label 标签中）。
• 未选中时，:checked 选择器返回空集合，需检查数组长度避免空操作。