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 相关文章推荐
LBS blog sql注射漏洞[All version]-官方已有补丁
Aug 26 Javascript
PNGHandler-借助JS让PNG图在IE下实现透明(包括背景图)
Aug 31 Javascript
Jquery Uploadify上传带进度条的简单实例
Feb 12 Javascript
IE6-IE9中tbody的innerHTML不能赋值的解决方法
Sep 26 Javascript
JS正则表达式学习之贪婪和非贪婪模式实例总结
Dec 26 Javascript
使用AngularJS2中的指令实现按钮的切换效果
Mar 27 Javascript
微信小程序实现带刻度尺滑块功能
Mar 29 Javascript
JavaScript之生成器_动力节点Java学院整理
Jun 30 Javascript
Nginx 配置多站点vhost 的方法
Jan 07 Javascript
angular2路由之routerLinkActive指令【推荐】
May 30 Javascript
Vue 实现拖动滑块验证功能(只有css+js没有后台验证步骤)
Aug 24 Javascript
JavaScript文本特效实例小结【3个示例】
Dec 22 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的类树(支持无限分类)
2006/10/09 PHP
谈谈PHP语法(5)
2006/10/09 PHP
sae使用smarty模板的方法
2013/12/17 PHP
PHP 二维数组和三维数组的过滤
2016/03/16 PHP
轻轻松松学习JavaScript
2007/02/25 Javascript
表单项的name命名为submit、reset引起的问题
2007/12/22 Javascript
input+select(multiple) 实现下拉框输入值
2009/05/21 Javascript
Javascript脚本实现静态网页加密实例代码
2013/11/05 Javascript
javascript 10进制和62进制的相互转换
2014/07/31 Javascript
JS中对Cookie的操作详解
2016/08/05 Javascript
AngularJS入门教程之路由机制ngRoute实例分析
2016/12/13 Javascript
JS去掉字符串前后空格、阻止表单提交的实现代码
2017/06/08 Javascript
js+html5实现页面可刷新的倒计时效果
2017/07/15 Javascript
使用AngularJS编写多选按钮选中时触发指定方法的指令代码详解
2017/07/24 Javascript
React精髓!一篇全概括小结(急速)
2019/05/23 Javascript
layui 弹出层回调获取弹出层数据的例子
2019/09/02 Javascript
webpack3升级到webpack4遇到问题总结
2019/09/30 Javascript
js实现自动播放匀速轮播图
2020/02/06 Javascript
js实现验证码功能
2020/07/24 Javascript
vue监听dom大小改变案例
2020/07/29 Javascript
python计算对角线有理函数插值的方法
2015/05/07 Python
go和python变量赋值遇到的一个问题
2017/08/31 Python
浅谈tensorflow中几个随机函数的用法
2018/07/27 Python
使用numba对Python运算加速的方法
2018/10/15 Python
Python数据类型之Number数字操作实例详解
2019/05/08 Python
python使用time、datetime返回工作日列表实例代码
2019/05/09 Python
Python基于Socket实现简单聊天室
2020/02/17 Python
pycharm激活码2020最新分享适用pycharm2020最新版亲测可用
2020/11/22 Python
HTML5中图片之间的缝隙完美解决方法
2017/07/07 HTML / CSS
白兰氏健康Mall:BRAND’S
2017/11/13 全球购物
香港通票:Hong Kong Pass
2019/02/26 全球购物
Java文件和目录(IO)操作
2014/08/26 面试题
毕业生找工作推荐信
2013/11/21 职场文书
应届大学毕业生找工作的求职信范文
2013/11/29 职场文书
趵突泉导游词
2015/02/03 职场文书
同事打架检讨书
2015/05/06 职场文书