jquery如何判断checkbox是否选中

使用 jQuery 判断 checkbox 是否选中

使用 jQuery 可以方便地判断 checkbox 的选中状态，以下是几种常见的方法：

使用 prop() 方法

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

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

使用 is() 方法

is() 方法可以检查元素是否匹配选择器 :checked，返回布尔值。

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

直接获取 DOM 属性

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

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

示例代码

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

<input type="checkbox" id="myCheckbox"> Check me
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
    $('#myCheckbox').change(function() {
        if ($(this).prop('checked')) {
            alert('Checkbox 被选中');
        } else {
            alert('Checkbox 未被选中');
        }
    });
</script>

注意事项

• prop() 是推荐的方法，因为它直接访问 DOM 属性，性能更好。
• attr() 方法不适用于动态变化的 checked 属性，因为它获取的是初始值。