表格全选案例

这个案例是做一个全选表格

 

当我们点击了上面全选按钮，下面的按钮也会选上。当我们把下面的按钮全选上，上面的全选按钮也会选上。下面上代码：

 这个结构就是一个表格的一个结构没什么，

 这个js代码 我分了两步。

1.先做上面总的那个全选框，当我们点击了全选框，那么下面的小的按钮都会被选上。

先给总的那个全选框添加监听，然后使用for循环遍历一个小的选择按钮，把他们都设置上选取。

2.先给总全选框设置一个变量来判断它是否被选中，然后遍历小选择按钮，如果没有小选择按钮不被选中，那么flag变量的值就是true，那么直接把这个值给总全选框 这样就可以通过控制小选择框来控制总全选框了。