jquery获取复选框选中的值
获取单个复选框的值
使用 :checked 选择器结合 .val() 方法获取选中复选框的值。假设复选框的 id 为 myCheckbox：
var value = $('#myCheckbox:checked').val();
console.log(value); // 输出选中的值获取多个复选框的选中值
通过遍历选中的复选框，将值存入数组。假设所有复选框的 class 为 myCheckbox：
var selectedValues = [];
$('.myCheckbox:checked').each(function() {
selectedValues.push($(this).val());
});
console.log(selectedValues); // 输出数组，如 ["value1", "value2"]使用 map() 方法简化操作
通过 .map() 和 .get() 方法直接生成值数组：
var values = $('.myCheckbox:checked').map(function() {
return $(this).val();
}).get();
console.log(values); // 结果同上监听复选框变化事件
结合事件监听实时获取选中值：
$('.myCheckbox').change(function() {
var checkedValues = $('.myCheckbox:checked').map(function() {
return $(this).val();
}).get();
console.log(checkedValues);
});注意事项
- 确保复选框有明确的
value属性，否则返回undefined。 - 若需获取文本内容而非
value，可使用$(this).next('label').text()（假设文本在相邻的label标签中）。 - 未选中时，
:checked选择器返回空集合，需检查数组长度避免空操作。
