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 相关文章推荐
Prototype 学习 工具函数学习($A方法)
Jul 12 Javascript
jquery 操作表格实现代码(多种操作打包)
Mar 20 Javascript
js模仿html5 placeholder适应于不支持的浏览器
Jan 13 Javascript
提取字符串中年月日的函数代码
Nov 05 Javascript
jQuery使用hide方法隐藏页面上指定元素的方法
Mar 30 Javascript
在JavaScript中处理数组之reverse()方法的使用
Jun 09 Javascript
jQuery实现自动调整字体大小的方法
Jun 15 Javascript
JS使用parseInt解析数字实现求和的方法
Aug 05 Javascript
全面解析Bootstrap中scrollspy(滚动监听)的使用方法
Jun 06 Javascript
react.js 翻页插件实例代码
Jan 19 Javascript
jQuery实现的中英文切换功能示例
Jan 11 jQuery
react国际化化插件react-i18n-auto使用详解
Mar 31 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
使用Xdebug调试和优化PHP程序之[1]
2007/04/17 PHP
PHP文件读写操作之文件读取方法详解
2011/01/13 PHP
将CMYK颜色值和RGB颜色相互转换的PHP代码
2014/07/28 PHP
ajax+php控制所有后台函数调用
2015/07/15 PHP
ThinkPHP使用Ueditor的方法详解
2016/05/20 PHP
Laravel中日期时间处理包Carbon的简单使用
2017/09/21 PHP
PHP7引入的"??"和"?:"的区别讲解
2019/04/08 PHP
jQuery 工具函数学习资料
2010/04/29 Javascript
编写Js代码要注意的几条规则
2010/09/10 Javascript
JavaScript在for循环中绑定事件解决事件参数不同的情况
2014/01/20 Javascript
jQuery+PHP打造滑动开关效果
2014/12/16 Javascript
jQuery实现首页图片淡入淡出效果的方法
2015/06/10 Javascript
BootstrapTable refresh 方法使用实例简单介绍
2017/02/20 Javascript
JSONP基础知识详解
2017/03/19 Javascript
解决option标签selected="selected"属性失效的问题
2017/11/06 Javascript
JavaScript使用ul中li标签实现删除效果
2019/04/15 Javascript
JS把字符串格式的时间转换成几秒前、几分钟前、几小时前、几天前等格式
2019/07/10 Javascript
js实现星星海特效的示例
2020/09/28 Javascript
python正则匹配抓取豆瓣电影链接和评论代码分享
2013/12/27 Python
PyQt5每天必学之事件与信号
2018/04/20 Python
Python打包方法Pyinstaller的使用
2018/10/09 Python
Python图像处理库PIL中图像格式转换的实现
2020/02/26 Python
Python logging模块进行封装实现原理解析
2020/08/07 Python
巴基斯坦电子产品购物网站:Home Shopping
2017/09/14 全球购物
卡骆驰英国官网:Crocs英国
2019/08/22 全球购物
介绍一下Ruby的特点
2013/01/20 面试题
电气工程及其自动化自我评价四篇
2013/09/24 职场文书
秘书专业自荐信范文
2013/12/26 职场文书
班级寄语大全
2014/04/10 职场文书
2014年新农村建设工作总结
2014/12/01 职场文书
小学体育教学随笔
2015/08/14 职场文书
2016年中秋节晚会领导致辞
2015/11/26 职场文书
交通安全宣传标语(100条)
2019/08/22 职场文书
详解Laravel制作API接口
2021/05/31 PHP
RPM包方式安装Oracle21c的方法详解
2021/08/23 Oracle
基于Redis结合SpringBoot的秒杀案例详解
2021/10/05 Redis