js怎么实现全选和取消全选的功能

你开始变了 2个月前已收到1个回答举报

共回答了360个问题采纳率：90.2% 评论

主要需要完成的功能有两个：

1.选择上面的全选按钮之后下面的按钮全部被选中，取消全部的按钮就取消全选。

2.每次点击下面按钮就去检查是不是所有的按钮都选中了,要是所有的按钮都选中了把最上面的全选按钮就要选中,要是有一个没选中上面全选按钮就不选中。

实现思路：

1.针对第一个功能，可以采用一个flag变量来判断，设置初始值为0也就是全选按钮不选中，然后点击全选按钮判断，判断flag是否为0，如果为0就把所有的下面按钮选中，同时把flag变为1，如果flag为1，则把下面的按钮的checked都变为false，同时把flag变为0。

2.针对第二个功能就要相对复杂一点。给下面的按钮添加循环点击事件，然后把temp变量设为true，然后再循环判断是不是所有按钮的checked都为true，如果有一个为false就把temp变为false，最后把temp的值赋给全选按钮的checked。

8小时前

可能相似的问题

猜你喜欢的问题

热门问题推荐