如何获取多选框的值代码
我想用JavaScript代码来获取网页中多个选中的复选框的值，应该怎么写？
使用querySelectorAll和循环遍历获取选中复选框的值
可以通过document.querySelectorAll选择所有的复选框元素，然后用循环检查每个复选框是否被选中，若选中则保存其value属性，例如：
const checkboxes = document.querySelectorAll('input[type="checkbox"]:checked');
let values = [];
checkboxes.forEach((checkbox) => {
values.push(checkbox.value);
});
console.log(values);
用户提交表单后，我想获取所有被选中的复选框的值来进行处理，有什么简单的代码方法？
利用表单事件和FormData对象提取多选框值
在表单提交事件中，可以使用FormData对象来获取所有复选框的选中值。例如：
const form = document.querySelector('form');
form.addEventListener('submit', (e) => {
e.preventDefault();
const formData = new FormData(form);
const selectedValues = formData.getAll('checkboxName'); // checkbox的name属性
console.log(selectedValues);
});
这段代码能帮你获取名称为checkboxName的所有选中的复选框值。
我使用jQuery写代码，需要轻松获取页面中所有已选中的多选框值，应该如何操作？
jQuery的:checked选择器和map方法结合使用
利用jQuery可以非常方便地获取所有被选中的复选框的值，示例如下：
var values = $('input[type="checkbox"]:checked').map(function() {
return this.value;
}).get();
console.log(values);
使用:checked选择器定位所有选中的复选框，通过map函数遍历并获取其值，最后用get()转成数组。