JavaScript案例之全选、全不选、及反选

效果图：

思路：

    1.先做界面

        1.1制作按钮

        1.2制作复选框

    2..JavaScript

        3.1根据不同的标签名称去获取不同的元素          

        3.2当第一个按钮--全选--被单击 会 触发一个函数，此函数涉及到复选框全部选中功能，但是复选框一共有多少个是未知的，所以我们要去做一个循环，进行遍历得到有多少个复选框 【定义变量、循环条件、循环环境】

        3.3通过循环使得每一个复选框都会处于被选中状态，即为true、反之亦然！

        3.4反选：依旧采用循环去获取复选框的个数，进行判断：

                        判断条件是：当某一个复选框被选中后，

                        执行内容为： 其余复选框全部处于被选中状态下，即反选！

        3.5判断：当图片到达最后一张，将图片变量重置为0，进行循环递加到原图的图片名称1上去

参考代码：

        Html代码

                全选		全不选		反选		
												

  JavaScript代码

出处： 

分享是快乐的，也见证了个人成长历程，文章大多都是工作经验总结以及平时学习积累，基于自身认知不足之处在所难免，也请大家指正，共同进步。

本文版权归作者所有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出, 如有问题， 可邮件（397583050@qq.com）咨询。