jQuery全选、全不选、反选的简洁写法【实例】
来源:互联网 发布:bigemap软件 编辑:程序博客网 时间:2024/06/11 22:49
全选方面的功能几乎是每个需要列表展示的网站所必不可少的,当然此功能也有很多种写法,现在介绍一下,比较简洁易懂的写法:
<input type="checkbox" name="gogf[]"/><input type="checkbox" name="gogf[]"/><input type="checkbox" name="gogf[]"/><button id="all_xuan">全选</button> <button id="no_xuan">全不选</button> <button id="fan_xuan">反选</button>
显示效果如图:
//jQuery代码如下:$('button#all_xuan').click(function(){ $('[name="gogf[]"]:checkbox').prop('checked',true);})$('button#no_xuan').click(function(){ $('[name="gogf[]"]:checkbox').prop('checked',false);})$('button#fan_xuan').click(function(){ $('[name="gogf[]"]:checkbox').each(function(index,element){ this.checked=!this.checked; });})
上述代码亲测可用,如何大家有更好的写法,欢迎留言,交流学习!
阅读全文
5 0
- jQuery全选、全不选、反选的简洁写法【实例】
- jQuery全选、全不选、反选的简洁写法
- jQuery全选、全不选、反选的简洁写法
- jquery实现全选、全不选、反选-简洁精炼
- jQuery实现的全选、全不选、反选
- JQuery checkbox全选,反选实例
- JQuery 全选 全不选 反选
- jQuery全选、反选、全不选
- jquery-全选-反选-全不选
- jQuery全选,全不选,反选
- jquery全选,jquery全不选,jquery反选
- jquery全选,jquery全不选,jquery反选
- jquery全选/jquery全不选/jquery反选
- jquery全选,jquery全不选,jquery反选
- jquery全选,jquery全不选,jquery反选
- 两种多选框全选反选写法
- jquery全选反选
- jquery 全选反选
- js数组的小小操作
- Unity插件uTomate自动化
- boost::non copyable常用于单例模式
- 利用Scrapy框架爬取博客信息并存到mysql数据库
- dexclassloader与pathclassloader的区别
- jQuery全选、全不选、反选的简洁写法【实例】
- 机器学习-->集成学习-->Xgboost,GBDT,Adaboost总结
- Python学习笔记(基础知识点一)
- 25个新安卓库(效果派)
- maven搭建Dubbo框架服务
- 《Flink学习笔记一》
- HDU 3874 Necklace&&HDU 3333 Turing Tree(求一些区间l~r中的数去重后的和)
- Red and Black
- Qt5基本教程