jquery操作checkbox实现全选和取消全选


Posted in Javascript onMay 02, 2014

今天这样写了一个全选和取消全选的功能:

全选:$(":checkbox").attr("checked","checked");

取消全选:$(":checkbox").removeAttr("checked");

获取选中的:$(":checked[checked='checked']")

发现点全选可以,在点取消全选也可以,获取选中的失效,接下来再点任何按钮都没有效果了

这样行不通,我也不太清楚什么原因,脚本语言就这毛病,一边灵活一边诡异,也不去找原因了,后来改成这样写

全选: $(":checkbox").prop("checked",true)

取消全选:$(":checkbox").prop("checked",false)

获取选中的:$(":checkbox:checked")

反选:

$(":checkbox").each(function(){ 
if($(this).prop("checked")){ 
$(this).prop("checked",false); 
}else{ 
$(this).prop("checked",true); 
} 
});
Javascript 相关文章推荐
基于jquery跨浏览器显示的file上传控件
Oct 24 Javascript
详谈js使用in和hasOwnProperty获取对象属性的区别
Apr 25 Javascript
Angular.JS中指令ng-if、ng-show/ng-hide和ng-switch的使用教程
May 07 Javascript
AngularJS 仿微信图片手势缩放的实例
Sep 28 Javascript
angular.js实现购物车功能
Oct 23 Javascript
微信小程序实现文字跑马灯效果
May 26 Javascript
解决betterScroll在vue中存在图片时,出现拉不动的问题
Sep 27 Javascript
通过vue写一个瀑布流插件代码实例
Sep 07 Javascript
d3.js实现图形拖拽
Dec 19 Javascript
JavaScript实现指定数量的并发限制的示例代码
Mar 10 Javascript
Vue computed 计算属性代码实例
Apr 22 Javascript
利用promise及参数解构封装ajax请求的方法
Mar 24 Javascript
ExtJS4 动态生成的grid导出为excel示例
May 02 #Javascript
jQuery1.9.1针对checkbox的调整方法(prop)
May 01 #Javascript
jquery等待效果示例
May 01 #Javascript
js实现checkbox全选和反选示例
May 01 #Javascript
jquery插件之定时查询待处理任务数量
May 01 #Javascript
自己使用jquery写的一个无缝滚动的插件
Apr 30 #Javascript
js 弹出新页面避免被浏览器、ad拦截的一种新方法
Apr 30 #Javascript
You might like
自己前几天写的无限分类类
2007/02/14 PHP
php处理抢购类功能的高并发请求
2018/02/08 PHP
EXT中xtype的含义分析
2010/01/07 Javascript
30个让人兴奋的视差滚动(Parallax Scrolling)效果网站
2012/03/04 Javascript
Extjs中使用extend(js继承) 的代码
2012/03/15 Javascript
javaScript让文本框内的最后一个文字的后面获得焦点实现代码
2013/01/06 Javascript
js模拟select下拉菜单控件的代码
2013/05/08 Javascript
window.showModalDialog()返回值的学习心得总结
2014/01/07 Javascript
javascript进行数组追加方法小结
2014/06/16 Javascript
jquery操作HTML5 的data-*的用法实例分享
2014/08/17 Javascript
分析了一下JQuery中的extend方法实现原理
2015/02/27 Javascript
JS获取及设置TextArea或input文本框选择文本位置的方法
2015/03/24 Javascript
EasyUI布局 高度自适应
2016/06/04 Javascript
用director.js实现前端路由使用实例
2017/01/27 Javascript
详解angular中的作用域及继承
2017/05/31 Javascript
详解关于react-redux中的connect用法介绍及原理解析
2017/09/11 Javascript
JavaScript实现body内任意节点的自定义属性功能示例
2017/09/18 Javascript
Node.js利用console输出日志文件的方法示例
2018/04/27 Javascript
使用JavaScript计算前一天和后一天的思路详解
2019/12/20 Javascript
JS面向对象编程实现的Tab选项卡案例详解
2020/03/03 Javascript
js实现无缝轮播图
2020/03/09 Javascript
[06:57]DOTA2-DPC中国联赛 正赛 Ehome vs PSG.LGD 选手采访
2021/03/11 DOTA
详解Python的Flask框架中的signals信号机制
2016/06/13 Python
Python实现的个人所得税计算器示例
2018/06/01 Python
基于Django框架利用Ajax实现点赞功能实例代码
2018/08/19 Python
Python3.6中Twisted模块安装的问题与解决
2019/04/15 Python
Python的pygame安装教程详解
2020/02/10 Python
使用py-spy解决scrapy卡死的问题方法
2020/09/29 Python
HTML5拖拽文件到浏览器并实现文件上传下载功能代码
2013/06/06 HTML / CSS
高街生活方式全球在线商店:AZBRO
2017/08/26 全球购物
同学会邀请书大全
2014/01/12 职场文书
一年级家长会邀请函
2014/01/25 职场文书
计算机专业职业规划
2014/02/28 职场文书
会计专业毕业生自荐书
2014/06/25 职场文书
党课心得体会范文
2014/09/09 职场文书
python如何进行基准测试
2021/04/26 Python