jquery判断checkbox是否选中

使用 jQuery 判断 checkbox 是否选中

通过 jQuery 可以轻松判断 checkbox 的选中状态。以下是几种常用的方法：

使用 prop() 方法

prop() 方法可以获取 checkbox 的 checked 属性值，返回 true 或 false。

var isChecked = $('#checkboxId').prop('checked');
if (isChecked) {
    // checkbox 被选中
} else {
    // checkbox 未被选中
}

使用 is() 方法

is() 方法可以检查 checkbox 是否匹配 :checked 选择器。

if ($('#checkboxId').is(':checked')) {
    // checkbox 被选中
} else {
    // checkbox 未被选中
}

使用 attr() 方法（旧版 jQuery）

在旧版 jQuery 中，attr() 方法也可以获取 checked 属性，但推荐使用 prop()。

var isChecked = $('#checkboxId').attr('checked');
if (isChecked) {
    // checkbox 被选中
}

多个 checkbox 的选中状态判断

如果需要判断多个 checkbox 的选中状态，可以通过循环或选择器实现。

$('input[type="checkbox"]').each(function() {
    if ($(this).is(':checked')) {
        // 当前 checkbox 被选中
    }
});

监听 checkbox 状态变化

可以通过 change 事件监听 checkbox 的状态变化。

$('#checkboxId').change(function() {
    if ($(this).is(':checked')) {
        // checkbox 被选中
    } else {
        // checkbox 未被选中
    }
});

注意事项

• prop() 方法更适合获取 checked 属性，因为 attr() 方法在某些情况下可能返回未定义的值。
• 使用 :checked 选择器时，确保 jQuery 版本兼容。