checkbox的全选和不全选

时间:2021-07-12 10:20:39

首先是布局,很简单的。

 checkbox的全选和不全选

布好局之后我们再来实现这个checkbox的全选和不全选的功能,给全选一个id

checkbox的全选和不全选

然后根据这个id来进行全选的操作,给全选checkbox绑定单机事件,分两个种情况,一是全选,二是不全选

checkbox的全选和不全选

第一种情况实现全选,就是将子checkbox的checked属性为true即可,

第二种情况实现取消全选,就是将子checkbox的checked属性改为false即可。

扩展:

获取循环遍历出来的每一行的id:

先定义一个数组,用来放每一行的id,每一行的id需要遍历一下才能获取到,不然永远只能获取第一行的id,所以就要用到jQ中的.each进行遍历。

.push方法将获取到的id压入到之前定义好的空数组中,如果是需要用到字符就用.join方法将数组中构建成一个字符串