J***aScript全选全不选,js实现全选全不选-北京沣登科技发展公司

大家好，今天小编关注到一个比较有意思的话题，就是关于JavaScript全选全不选的问题，于是小编就整理了1个相关介绍 JavaScript全选全不选的解答，让我们一起看看吧。

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

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

div>

（图片来源网络，侵删）

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。

到此，以上就是小编对于J***aScript全选全不选的问题就介绍到这了，希望介绍关于J***aScript全选全不选的1点解答对大家有用。

（图片来源网络，侵删）

[免责声明]本文来源于网络，不代表本站立场，如转载内容涉及版权等问题，请联系邮箱:83115484@qq.com，我们会予以删除相关文章，保证您的权利。转载请注明出处：http://www.fengdengtech.com/post/76339.html

# 按钮 # 选中 # 面的

J***aScript全选全不选,js实现全选全不选