用js实现简易全选、全不选、反选效果

在手机app以及各大网站上经常看到这类按钮,那么是怎样做的呢?下面我介绍怎样将用js 来实现该功能。

最终效果图

1、body部分代码如下


2、js部分

声明变量


全选函数


全不选函数


判断全选的那个框是否勾选的函数


联动函数


监听


调用上面声明好的函数


控制反选的函数
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容