jquery判断checkbox是否选中
使用 prop() 方法
通过 prop('checked') 获取复选框的选中状态,返回布尔值(true 表示选中,false 表示未选中)。
if ($('#checkboxId').prop('checked')) {
// 复选框被选中
} else {
// 复选框未选中
}
使用 is() 方法
结合 :checked 选择器,is() 方法可判断复选框是否被选中。
if ($('#checkboxId').is(':checked')) {
// 复选框被选中
}
获取多个复选框的选中状态
遍历多个复选框时,可通过 each() 方法检查每个选项的状态。
$('input[type="checkbox"]').each(function() {
if ($(this).prop('checked')) {
console.log($(this).val() + ' 被选中');
}
});
原生 DOM 属性对比
直接通过 DOM 元素的 checked 属性也可实现判断(不依赖 jQuery)。
if (document.getElementById('checkboxId').checked) {
// 复选框被选中
}
注意事项
- 确保选择器能正确匹配目标复选框(如通过
id或class)。 - 动态生成的元素需使用事件委托(如
on())绑定事件。







