首先是布局,很简单的。
布好局之后我们再来实现这个checkbox的全选和不全选的功能,给全选一个id
然后根据这个id来进行全选的操作,给全选checkbox绑定单机事件,分两个种情况,一是全选,二是不全选
第一种情况实现全选,就是将子checkbox的checked属性为true即可,
第二种情况实现取消全选,就是将子checkbox的checked属性改为false即可。
扩展:
获取循环遍历出来的每一行的id:
先定义一个数组,用来放每一行的id,每一行的id需要遍历一下才能获取到,不然永远只能获取第一行的id,所以就要用到jQ中的.each进行遍历。
.push方法将获取到的id压入到之前定义好的空数组中,如果是需要用到字符就用.join方法将数组中构建成一个字符串