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 相关文章推荐
让AJAX不依赖后端接口实现方案
Dec 03 Javascript
javascript放大镜效果的简单实现
Dec 09 Javascript
jquery和js实现对div的隐藏和显示方法
Sep 26 Javascript
javascript操作数组详解
Dec 17 Javascript
JS判断客服QQ号在线还是离线状态的方法
Jan 13 Javascript
JavaScript实现算术平方根算法-代码超简单
Sep 11 Javascript
JS实现动画兼容性的transition和transform实例分析
Dec 13 Javascript
微信小程序实现图片预加载组件
Jan 18 Javascript
解决Webpack 热部署检测不到文件变化的问题
Feb 22 Javascript
vue.js数据绑定操作详解
Apr 23 Javascript
element表格翻页第2页从1开始编号(后端从0开始分页)
Dec 10 Javascript
通过实例解析vuejs如何实现调试代码
Jul 16 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
PHP批量生成静态HTML的简单原理和方法
2014/04/20 PHP
ThinkPHP 3.2 版本升级了哪些内容
2015/03/05 PHP
PHP基于工厂模式实现的计算器实例
2015/07/16 PHP
PHP判断上传文件类型的解决办法
2015/10/20 PHP
反射调用private方法实践(php、java)
2015/12/21 PHP
PHP连接MYSQL数据库实例代码
2016/01/20 PHP
this[] 指的是什么内容 讨论
2007/03/24 Javascript
cookie在javascript中的使用技巧以及隐私在服务器端的设置
2012/12/03 Javascript
JQuery的AJAX实现文件下载的小例子
2013/05/15 Javascript
使用Plupload实现直接上传附件至七牛云存储
2014/12/26 Javascript
JQuery CheckBox(复选框)操作方法汇总
2015/04/15 Javascript
jQuery实现的向下图文信息滚动效果
2015/05/03 Javascript
jQuery实现dialog设置focus焦点的方法
2015/06/10 Javascript
Windows环境下npm install 报错: operation not permitted, rename的解决方法
2016/09/26 Javascript
最好用的Bootstrap fileinput.js文件上传组件
2016/12/12 Javascript
vue + socket.io实现一个简易聊天室示例代码
2017/03/06 Javascript
jQuery实现腾讯信用界面(自制刻度尺)样式
2017/08/15 jQuery
vue首次赋值不触发watch的解决方法
2018/09/11 Javascript
javascript 易错知识点实例小结
2020/04/25 Javascript
Typescript3.9 常用新特性一览(推荐)
2020/05/14 Javascript
初步解析Python中的yield函数的用法
2015/04/03 Python
Python实现多进程共享数据的方法分析
2017/12/04 Python
Python格式化输出%s和%d
2018/05/07 Python
mac下如何将python2.7改为python3
2018/07/13 Python
Django项目中添加ldap登陆认证功能的实现
2019/04/04 Python
Python序列化与反序列化pickle用法实例
2019/11/11 Python
如何基于python实现不邻接植花
2020/05/01 Python
python初步实现word2vec操作
2020/06/09 Python
解决keras backend 越跑越慢问题
2020/06/18 Python
英国最专业的健身器材供应商之一:Best Gym Equipment
2017/12/22 全球购物
数控个人求职信范文
2014/02/03 职场文书
主题班会演讲稿
2014/05/22 职场文书
工地标语大全
2014/06/18 职场文书
法院四风对照检查材料思想汇报
2014/10/06 职场文书
2015年学生会部门工作总结
2015/04/21 职场文书
国王的演讲观后感
2015/06/03 职场文书