jquery获取复选框的值
获取单个复选框的值
使用 prop() 或 is() 方法检查复选框是否被选中,并通过 val() 获取值:
var isChecked = $('#checkboxId').prop('checked'); // 返回布尔值
var value = $('#checkboxId').val(); // 返回复选框的value属性
获取多个复选框的选中值
通过名称或类选择器筛选选中的复选框,遍历获取值:
var selectedValues = [];
$('input[name="checkboxGroup"]:checked').each(function() {
selectedValues.push($(this).val());
});
// selectedValues 数组包含所有选中的值
获取多个复选框的文本标签
若需获取复选框关联的文本(如 <label> 内容),可通过遍历相邻元素实现:
$('input[name="checkboxGroup"]:checked').each(function() {
var labelText = $(this).next('label').text();
console.log(labelText);
});
注意事项
- 确保DOM加载完成后执行代码,如将逻辑放在
$(document).ready()中。 - 若复选框动态生成,需使用事件委托(如
on())监听变化。







