如果您不想使用提交的复选框列表来解决问题,您可以考虑以下方法:
querySelectorAll()
方法选择所有具有该类名或属性的元素。checked
属性是否为true
。示例代码:
HTML:
JavaScript:
function getSelectedValues() {
var checkboxes = document.querySelectorAll('.checkbox');
var selectedValues = [];
checkboxes.forEach(function(checkbox) {
if (checkbox.checked) {
selectedValues.push(checkbox.value);
}
});
console.log(selectedValues);
}
FormData
对象来获取表单数据。FormData
对象的getAll()
方法来获取所有复选框的值。示例代码:
HTML:
JavaScript:
function getSelectedValues() {
var form = document.getElementById('myForm');
var formData = new FormData(form);
var selectedValues = [];
for (var pair of formData.entries()) {
selectedValues.push(pair[1]);
}
console.log(selectedValues);
}
这些方法可以帮助您获取选中的复选框值,而不需要使用提交的复选框列表。您可以根据您的需求选择适合您的解决方法。
上一篇:不使用提交按钮上传多张图片并预览
下一篇:不使用提交语句的DML查询