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 05 Javascript
jQuery ReferenceError: $ is not defined 错误的处理办法
May 10 Javascript
jsp网页搜索结果中实现选中一行使其高亮
Feb 17 Javascript
jquery 中的each()跳出循环的语句
May 23 Javascript
JavaScript中字符串拼接的基本方法
Jul 07 Javascript
Google 地图获取API Key详细教程
Aug 06 Javascript
webpack external模块的具体使用
Mar 10 Javascript
Node.js笔记之process模块解读
May 31 Javascript
解决vue脚手架项目打包后路由视图不显示的问题
Sep 20 Javascript
ng-zorro-antd 入门初体验
Dec 03 Javascript
微信小程序实现搜索功能并跳转搜索结果页面
May 18 Javascript
JQuery样式与属性设置方法分析
Dec 07 jQuery
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&mysql(四)
2006/10/09 PHP
使用TinyButStrong模板引擎来做WEB开发
2007/03/16 PHP
PHP+Memcache实现wordpress访问总数统计(非插件)
2014/07/04 PHP
10个超级有用的PHP代码片段果断收藏
2015/09/23 PHP
php实现概率性随机抽奖代码
2016/01/02 PHP
微信公众平台开发(五) 天气预报功能开发
2016/12/03 PHP
javascript StringBuilder类实现
2008/12/22 Javascript
一些有用的JavaScript和jQuery的片段分享
2011/08/23 Javascript
js实现屏幕自适应局部代码分享
2015/01/30 Javascript
JS判断form内所有表单是否为空的简单实例
2016/09/09 Javascript
浅述节点的创建及常见功能的实现
2016/12/15 Javascript
如何解决jQuery EasyUI 已打开Tab重新加载问题
2016/12/19 Javascript
js通过keyCode值判断单击键盘上某个键,然后触发指定的事件方法
2017/02/19 Javascript
AngularJS中下拉框的基本用法示例
2017/10/11 Javascript
Vue组件之自定义事件的功能图解
2018/02/01 Javascript
Vue组件间通信 Vuex的用法解析
2019/08/05 Javascript
Vue项目中如何使用Axios封装http请求详解
2019/10/23 Javascript
探究一道价值25k的蚂蚁金服异步串行面试题
2020/08/21 Javascript
[02:38]2018年度DOTA2最佳劣单位选手-完美盛典
2018/12/17 DOTA
[32:56]完美世界DOTA2联赛PWL S3 Rebirth vs CPG 第二场 12.11
2020/12/16 DOTA
Python代码使用 Pyftpdlib实现FTP服务器功能
2019/07/22 Python
SpringBoot实现登录注册常见问题解决方案
2020/03/04 Python
PyTorch 导数应用的使用教程
2020/08/31 Python
Python try except finally资源回收的实现
2021/01/25 Python
法国最大的在线眼镜店:EasyLunettes
2019/08/26 全球购物
英国鲜花递送:Blossoming Gifts
2020/07/10 全球购物
.NET常见笔试题集
2012/12/01 面试题
EJB的几种类型
2012/08/15 面试题
职工运动会邀请函
2014/01/19 职场文书
生物科学专业职业规划书范文
2014/02/11 职场文书
全国法制宣传日活动总结
2015/05/05 职场文书
交通事故起诉书
2015/05/19 职场文书
关于军训的感想
2015/08/07 职场文书
七年级作文之雪景
2019/11/18 职场文书
SQL基础查询和LINQ集成化查询
2022/01/18 MySQL
《进击的巨人》新联动CM 兵长强势出击兽巨人
2022/04/05 日漫