这里是一个示例代码,展示如何按类别选择所有复选框,并且类别递增。
HTML部分:
复选框1
复选框2
复选框3
复选框4
JavaScript部分:
// 获取所有类别的复选框
var checkboxes = document.querySelectorAll('input[type="checkbox"]');
// 按类别选择所有复选框
var selectedCheckboxes = {};
for (var i = 0; i < checkboxes.length; i++) {
var checkbox = checkboxes[i];
var category = checkbox.className;
if (!selectedCheckboxes[category]) {
selectedCheckboxes[category] = [];
}
selectedCheckboxes[category].push(checkbox);
}
// 类别递增
var categoryNumber = 1;
for (var category in selectedCheckboxes) {
console.log("类别" + categoryNumber + "的复选框:");
for (var i = 0; i < selectedCheckboxes[category].length; i++) {
console.log(selectedCheckboxes[category][i]);
}
categoryNumber++;
}
上述代码首先使用document.querySelectorAll
获取所有的复选框元素。然后使用一个对象selectedCheckboxes
存储按类别选择的复选框。在迭代复选框时,将其按照类别存储在selectedCheckboxes
对象中。最后,使用循环输出每个类别的复选框。
上一篇:按类别选择筛选
下一篇:按类别用平均值替换零值