jquery获取checkbox的值

获取单个checkbox的值

使用 :checked 选择器结合 .val() 方法获取选中的checkbox的值。

var value = $('#checkboxId:checked').val();

若未选中，返回 undefined。

获取多个同名checkbox的选中值

通过遍历选中的checkbox，将值存入数组：

var values = [];
$('input[name="checkboxName"]:checked').each(function() {
    values.push($(this).val());
});

结果 values 为包含所有选中值的数组。

判断checkbox是否选中

使用 .prop('checked') 返回布尔值：

var isChecked = $('#checkboxId').prop('checked');

返回 true 表示选中，false 表示未选中。

动态监听checkbox变化

通过 .change() 事件监听选中状态：

$('#checkboxId').change(function() {
    if ($(this).prop('checked')) {
        console.log('选中，值为：' + $(this).val());
    }
});

注意事项

• 若checkbox未设置 value 属性，.val() 默认返回 "on"。
• 处理多个checkbox时，确保通过 name 或 class 正确选择元素。