jquery获取复选框的值

获取单个复选框的值

使用 prop() 方法检查复选框是否被选中，并获取其值：

var isChecked = $('#checkboxId').prop('checked');
var checkboxValue = $('#checkboxId').val();

获取多个复选框的选中值

通过名称选择器获取所有选中的复选框，并使用 map() 和 get() 方法收集值：

var selectedValues = $('input[name="checkboxName"]:checked').map(function() {
    return $(this).val();
}).get();

获取多个复选框并处理为数组

使用 each() 方法遍历所有选中的复选框，并将值存入数组：

var valuesArray = [];
$('input[name="checkboxName"]:checked').each(function() {
    valuesArray.push($(this).val());
});

表单序列化方式获取

如果复选框在表单内，可以使用 serialize() 或 serializeArray() 方法：

var formData = $('#formId').serialize();
var formArray = $('#formId').serializeArray();

注意事项

确保DOM完全加载后再执行jQuery代码，可以将代码放在 $(document).ready() 中：

$(document).ready(function() {
    // 获取复选框值的代码
});

通过类选择器获取复选框值时，使用正确的选择器语法：

$('.checkboxClass:checked').each(function() {
    console.log($(this).val());
});