jquery 复选框

jQuery 复选框操作

使用 jQuery 操作复选框可以实现选中、取消选中、获取状态等功能。以下是常见的操作示例：

选中复选框

$('#checkboxId').prop('checked', true);

取消选中复选框

$('#checkboxId').prop('checked', false);

获取复选框状态

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

切换复选框状态

$('#checkboxId').prop('checked', function(i, val) {
    return !val;
});

监听复选框变化事件

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

选中所有复选框

$('input[type="checkbox"]').prop('checked', true);

取消选中所有复选框

$('input[type="checkbox"]').prop('checked', false);

获取选中的复选框值

$('input[type="checkbox"]:checked').each(function() {
    console.log($(this).val());
});

根据条件选中复选框

$('input[type="checkbox"][value="someValue"]').prop('checked', true);

这些方法覆盖了复选框的常见操作需求，可以根据实际场景选择合适的方式。