前言
这是原本的表格,当你点击全选/全不选前面的给选项框的时候就会全部选中,当取消下面复选框的选中的时候上面的“全选/全不选”前面的选项框就会自动取消勾选,且如果不点击“全选/全不选”前面的选项框,当手动把下面几个选项框都选上的时候,“全选/全不选”前面的选项框会自动勾选 实现效果如下👇
一、效果原理
html的radio和checkbox这两个标签都有一个checked属性,当checked=true的时候表示这个选项框被勾选了,当checked=false的时候表示这个选项框没有被选中,所以确保“全选/全不选”前面的选项框的checked属性和下面所有选项框的checked属性一致就可以了。
二、代码实现
代码如下(示例):
function f1() {
//获取标题行checkbox的checked对象
var flag = document.getElementById("one").checked;
//定位数据行所有的checkbox
var domarr = document.getElementsByName