1.第一个方法是检测有多少个被选中的checkbox。主要是通过获得相同name的标签,对标签进行遍历并且if判断是否被checked,设置参数count值,如果有被选中的标签,count值就++,最后输出count值。
var test = function () {
var number = document.getElementsByName("a");
var count = 0;
for (var i = 0; i < number.length; i++) {
if (number[i].checked) {
count++;
}
}
alert("选中的 checkbox 数量:" + count);
}
2.第二个方法是点击一个标签能够全选中所有的标签。获得标签的checked值,通过for循环将目标标签的checked状态赋值给其他checkboxs的checked值使其checked绑定在一起。
var test1 = function () {
var flag = document.getElementById("123").checked;
var checkboxes = document.getElementsByName("a");
for (var i = 0; i < checkboxes.length; i++) {
checkboxes[i].checked = flag;
}
}
3.创建表格。
姓名 | 性别 | 年龄 | |
小李 | 男 | 14 | |
张三 | 男 | 15 | |
小王 | 女 | 15 |