jquery获取checkbox值

获取单个复选框的值

使用 :checked 选择器配合 .val() 方法获取选中的复选框值

var checkboxValue = $('#checkboxId').is(':checked') ? $('#checkboxId').val() : '';

获取多个同名复选框的值

使用 .each() 遍历选中的复选框

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

获取所有复选框的选中状态

使用 map() 方法创建包含所有值的数组

var allValues = $('input[type="checkbox"]').map(function() {
    return {
        id: this.id,
        checked: this.checked,
        value: this.value
    };
}).get();

使用 prop() 方法检查选中状态

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

获取复选框组的选中值

适用于多个相同 name 的复选框

var selectedValues = $('input[name="groupName"]:checked').map(function() {
    return $(this).val();
}).get();

表单序列化时获取复选框值

var formData = $('#formId').serialize();

注意事项

• 未选中的复选框不会被包含在表单提交数据中
• 使用 prop() 而非 attr() 获取 checked 属性
• 给复选框设置 value 属性可获取特定值，否则默认值为 "on"