checkbox jquery

使用 jQuery 操作复选框

获取复选框状态

使用 prop() 方法检查复选框是否被选中：

var isChecked = $('#checkboxId').prop('checked');
if (isChecked) {
    // 复选框已选中
}

设置复选框选中或取消选中

通过 prop() 方法修改复选框状态：

// 选中复选框
$('#checkboxId').prop('checked', true);

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

监听复选框变化事件

使用 change 事件监听复选框状态变化：

$('#checkboxId').change(function() {
    if ($(this).is(':checked')) {
        // 复选框被选中时的操作
    } else {
        // 复选框取消选中时的操作
    }
});

获取一组复选框的选中值

适用于多个复选框的场景，例如 name="groupCheckbox"：

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

全选/取消全选功能

通过一个主复选框控制多个子复选框：

$('#selectAll').change(function() {
    $('.itemCheckbox').prop('checked', $(this).prop('checked'));
});

禁用/启用复选框

使用 prop() 方法修改 disabled 属性：

// 禁用复选框
$('#checkboxId').prop('disabled', true);

// 启用复选框
$('#checkboxId').prop('disabled', false);

以上方法涵盖了 jQuery 操作复选框的常见需求，适用于表单交互、批量操作等场景。