jquery获取checkbox值
获取单个复选框的值
使用 :checked 选择器配合 .val() 方法获取选中的复选框值
var checkboxValue = $('#checkboxId').is(':checked') ? $('#checkboxId').val() : '';获取多个同名复选框的值
使用 .each() 遍历选中的复选框
var values = [];
$('input[name="checkboxName"]:checked').each(function() {
values.push($(this).val());
});获取所有复选框的选中状态
使用 map() 方法创建包含所有值的数组
var allValues = $('input[type="checkbox"]').map(function() {
return {
id: this.id,
checked: this.checked,
value: this.value
};
}).get();使用 prop() 方法检查选中状态
var isChecked = $('#checkboxId').prop('checked');获取复选框组的选中值
适用于多个相同 name 的复选框
var selectedValues = $('input[name="groupName"]:checked').map(function() {
return $(this).val();
}).get();表单序列化时获取复选框值
var formData = $('#formId').serialize();注意事项
- 未选中的复选框不会被包含在表单提交数据中
- 使用
prop()而非attr()获取 checked 属性 - 给复选框设置 value 属性可获取特定值，否则默认值为 "on"
