为每组复选框生成javascript数组的动态方法可以通过以下步骤实现:
var checkboxes = group.getElementsByClassName("checkbox");
for (var i = 0; i < checkboxes.length; i++) {
if (checkboxes[i].checked) {
selectedValues.push(checkboxes[i].value);
}
}
下面是一个示例的完整代码:
// 获取所有 checkbox-group 元素
var checkboxGroups = document.getElementsByClassName("checkbox-group");
// 存储被选中的复选框值的数组
var selectedValues = [];
// 遍历每个 checkbox-group 元素
for (var i = 0; i < checkboxGroups.length; i++) {
var group = checkboxGroups[i];
// 获取当前组中所有的复选框元素
var checkboxes = group.getElementsByClassName("checkbox");
// 遍历当前组中的复选框元素,将被选中的值添加到 selectedValues 数组
for (var j = 0; j < checkboxes.length; j++) {
if (checkboxes[j].checked) {
selectedValues.push(checkboxes[j].value);
}
}
}
// 在控制台打印输出被选中的复选框值
console.log(selectedValues);
该方法适用于任意数量的复选框组,可以根据实际需要进行相应的修改和扩展。
领取专属 10元无门槛券
手把手带您无忧上云