jquery获取checkbox值

获取单个checkbox的值

使用prop()方法可以获取单个checkbox的选中状态和值：

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

获取多个checkbox的选中值

对于一组name相同的checkbox，使用:checked选择器获取所有选中的元素：

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

获取所有checkbox的值（无论是否选中）

如果需要获取组内所有checkbox的值：

var allValues = [];
$('input[name="checkboxGroup"]').each(function() {
    allValues.push($(this).val());
});

检查是否至少选中一个checkbox

验证checkbox组中是否有被选中的项：

if($('input[name="checkboxGroup"]:checked').length > 0) {
    // 至少有一个被选中
}

设置checkbox的选中状态

使用prop()方法设置checkbox的选中状态：

$('#checkboxId').prop('checked', true);  // 选中
$('#checkboxId').prop('checked', false); // 取消选中

监听checkbox状态变化

通过change事件监听checkbox状态变化：

$('#checkboxId').change(function() {
    if($(this).is(':checked')) {
        // checkbox被选中时的处理
    } else {
        // checkbox取消选中时的处理
    }
});

获取checkbox的data属性值

如果需要获取checkbox上自定义的data属性：

var customData = $('#checkboxId').data('custom-attr');