jquery选择checkbox

jQuery选择checkbox的方法

使用jQuery选择checkbox可以通过多种方式实现，以下是常见的几种方法：

通过属性选择器选择所有checkbox

$('input[type="checkbox"]')

通过:checkbox伪类选择器

$(':checkbox')

选择特定name的checkbox

$('input[name="checkboxName"]')

选择特定class的checkbox

$('.checkboxClass')

操作checkbox的常用方法

获取/设置checkbox的选中状态

// 获取选中状态
var isChecked = $('#myCheckbox').prop('checked');

// 设置选中状态
$('#myCheckbox').prop('checked', true);

监听checkbox的change事件

$('#myCheckbox').change(function() {
    if($(this).is(':checked')) {
        // checkbox被选中时执行
    } else {
        // checkbox取消选中时执行
    }
});

获取所有选中的checkbox

$('input[type="checkbox"]:checked')

全选/取消全选所有checkbox

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

// 取消全选
$('input[type="checkbox"]').prop('checked', false);

示例：批量操作checkbox

// 反选所有checkbox
$('#invertSelection').click(function() {
    $('input[type="checkbox"]').each(function() {
        $(this).prop('checked', !$(this).prop('checked'));
    });
});

注意事项

• 使用prop()方法而不是attr()方法来获取/设置checked属性，因为prop()能正确反映当前状态
• 在jQuery 1.6+版本中，推荐使用prop()而非attr()处理布尔属性
• 选择器性能上，input[type="checkbox"]比:checkbox稍快