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 相关文章推荐
Javascript 生成指定范围数值随机数
Jan 09 Javascript
Prototype Template对象 学习
Jul 19 Javascript
JQuery为textarea添加maxlength属性并且兼容IE
Apr 25 Javascript
用JS生成UUID的方法实例
Mar 30 Javascript
JS中对Cookie的操作详解
Aug 05 Javascript
jQuery Easyui使用(二)之可折叠面板动态加载无效果的解决方法
Aug 17 Javascript
利用Angular+Angular-Ui实现分页(代码加简单)
Mar 10 Javascript
seajs实现强制刷新本地缓存的方法分析
Oct 16 Javascript
详解Vue Elememt-UI构建管理后台
Feb 27 Javascript
使用node.js实现微信小程序实时聊天功能
Aug 13 Javascript
vue中使用微信公众号js-sdk踩坑记录
Mar 29 Javascript
javascript 关于赋值、浅拷贝、深拷贝的个人理解
Nov 01 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
一个简单的自动发送邮件系统(二)
2006/10/09 PHP
分页详解 从此分页无忧(PHP+mysql)
2007/11/23 PHP
php页面消耗内存过大的处理办法
2013/03/18 PHP
微信公众号开发之语音消息识别php代码
2016/08/08 PHP
jquery插件 cluetip 关键词注释
2010/01/12 Javascript
IE6下opacity与JQuery的奇妙结合
2013/03/01 Javascript
js简单实现删除记录时的提示效果
2013/12/05 Javascript
JQuery移动页面开发之屏幕方向改变与滚屏的实现
2015/12/03 Javascript
JS实现保留n位小数的四舍五入问题示例
2016/08/03 Javascript
JavaScript方法_动力节点Java学院整理
2017/06/28 Javascript
前端主流框架vue学习笔记第一篇
2017/07/26 Javascript
vue实现密码显示隐藏切换功能
2018/02/23 Javascript
vue根据值给予不同class的实例
2018/09/29 Javascript
原生js实现商品筛选功能
2019/10/28 Javascript
Vue data的数据响应式到底是如何实现的
2020/02/11 Javascript
[49:15]DOTA2-DPC中国联赛 正赛 CDEC vs XG BO3 第二场 1月19日
2021/03/11 DOTA
Python中转换角度为弧度的radians()方法
2015/05/18 Python
解决项目pycharm能运行,在终端却无法运行的问题
2019/01/19 Python
pandas去除重复列的实现方法
2019/01/29 Python
Python多线程模块Threading用法示例小结
2019/11/09 Python
html5指南-6.如何创建离线web应用程序实现离线访问
2013/01/07 HTML / CSS
Max&Co官网:意大利年轻女性时尚品牌
2017/05/16 全球购物
英国亚马逊官方网站:Amazon.co.uk
2019/08/09 全球购物
美国知名的隐形眼镜电商:Contacts America
2019/11/19 全球购物
Tahari ASL官方网站:高级设计师女装
2021/03/15 全球购物
客户代表自我评价范例
2013/09/24 职场文书
求职信格式要求
2014/05/23 职场文书
信息管理与信息系统专业求职信
2014/06/21 职场文书
信仰心得体会
2014/09/05 职场文书
实习生工作证明范本
2014/09/14 职场文书
教师纪念9.18事件演讲稿范文
2014/09/14 职场文书
2014年销售工作总结范文
2014/12/01 职场文书
物业前台接待岗位职责
2015/04/03 职场文书
2015年电教工作总结
2015/05/26 职场文书
从事会计工作年限证明
2015/06/23 职场文书
医德医风学习心得体会
2016/01/25 职场文书