jquery判断复选框是否被选中

使用 jQuery 判断复选框是否被选中

使用 prop() 方法

prop() 方法用于获取或设置 DOM 元素的属性值。对于复选框，checked 属性可以直接判断其选中状态。

if ($('#checkboxId').prop('checked')) {
    // 复选框被选中
} else {
    // 复选框未被选中
}

使用 is() 方法

is() 方法可以检查当前元素是否匹配指定的选择器或状态。

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

直接访问 DOM 属性

通过 jQuery 获取 DOM 元素后，可以直接访问其 checked 属性。

if ($('#checkboxId')[0].checked) {
    // 复选框被选中
} else {
    // 复选框未被选中
}

示例代码

以下是一个完整的示例，展示如何监听复选框的变化并判断其状态：

$(document).ready(function() {
    $('#checkboxId').change(function() {
        if ($(this).is(':checked')) {
            console.log('复选框被选中');
        } else {
            console.log('复选框未被选中');
        }
    });
});

注意事项

• 确保复选框的 id 或选择器正确，否则无法获取到元素。
• 使用 prop() 或 is() 方法比直接访问 attr('checked') 更可靠，因为后者可能返回初始值而非当前状态。

通过以上方法，可以轻松判断复选框的选中状态并进行相应操作。