1.先获取到所有的input标签,
2.循环所有的input标签,用if判断input标签的type值是不是checkbox
3.创建一个数组将type值为checkbox的input标签添加到数组中
4.然后把这个数组的值循环出来就获得了所有的checkbox
您可以使用以下代码来获取页面中所有的checkbox元素:
let checkboxes = document.getElementsByTagName('input');
let selectedCheckboxes = [];
for (var i = 0; i < checkboxes.length; i++) {
if (checkboxes[i].type == "checkbox") {
selectedCheckboxes.push(checkboxes[i]);
}
}
console.log(selectedCheckboxes);
该代码会获取页面中所有的<input>元素,然后检查每个元素的type属性是否等于“checkbox”。如果是,它将添加该元素到选定的复选框数组中,并在控制台输出该数组。
也可以通过JavaScript来获取页面中的所有checkbox,可以使用以下代码:
let checkboxes = document.querySelectorAll('input[type=checkbox]');
上述代码使用了querySelectorAll
方法来获取页面中所有类型为checkbox的input元素,然后把它们存储在变量checkboxes中。现在,你可以通过循环来处理这些checkbox了,比如:
for (let i = 0; i < checkboxes.length; i++) {
// 处理每一个checkbox
}
需要注意的是,上述代码只会获取到当前页面中存在的checkbox,如果后续有动态添加的checkbox,需要再次执行上述代码来获取最新的checkbox。