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 01 Javascript
JS中 用户登录系统的解决办法
Apr 15 Javascript
javascript查找字符串中出现最多的字符和次数的小例子
Oct 29 Javascript
jQuery判断元素是否存在的可靠方法
May 06 Javascript
JavaScript中的原始值和复杂值
Jan 07 Javascript
AngularJS 整理一些优化的小技巧
Aug 18 Javascript
Node.js开启Https的实践详解
Oct 25 Javascript
JS如何判断浏览器类型和详细区分IE各版本浏览器
Mar 04 Javascript
JS文件/图片从电脑里面拖拽到浏览器上传文件/图片
Mar 08 Javascript
react中使用swiper的具体方法
May 15 Javascript
微信小程序点击列表跳转到对应详情页过程解析
Sep 26 Javascript
JS数组去重详情
Nov 07 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和ACCESS写聊天室(五)
2006/10/09 PHP
Codeigniter发送邮件的方法
2015/03/19 PHP
php技术实现加载字体并保存成图片
2015/07/27 PHP
ThinkPHP中order()使用方法详解
2016/04/19 PHP
PHP巧妙利用位运算实现网站权限管理的方法
2017/03/12 PHP
PHP通过文件保存和更新信息的方法分析
2019/09/12 PHP
laravel5.2表单验证,并显示错误信息的实例
2019/09/29 PHP
PHP常用函数之格式化时间操作示例
2019/10/21 PHP
用window.location.href实现刷新另个框架页面
2007/03/07 Javascript
javascript prototype,executing,context,closure
2008/12/24 Javascript
解决火狐浏览器下JS setTimeout函数不兼容失效不执行的方法
2012/11/14 Javascript
jquery清空表单数据示例分享
2014/02/13 Javascript
jQuery表格插件datatables用法总结
2014/09/05 Javascript
avalonjs实现仿微博的图片拖动特效
2015/05/06 Javascript
js 两个日期比较相差多少天的实例
2017/10/19 Javascript
微信小程序使用toast消息对话框提示用户忘记输入用户名或密码功能【附源码下载】
2017/12/09 Javascript
js时间戳与日期格式之间转换详解
2017/12/11 Javascript
nodejs 简单实现动态html的方法
2018/05/12 NodeJs
JavaScript模拟实现自由落体效果
2018/08/28 Javascript
详解puppeteer使用代理
2018/12/27 Javascript
Angular封装搜索框组件操作示例
2019/04/25 Javascript
[03:42]2014DOTA2西雅图国际邀请赛7月9日TOPPLAY
2014/07/09 DOTA
[45:17]DOTA2-DPC中国联赛定级赛 Phoenix vs DLG BO3第三场 1月9日
2021/03/11 DOTA
python提取页面内url列表的方法
2015/05/25 Python
Django中的Model操作表的实现
2018/07/24 Python
PyQt5根据控件Id获取控件对象的方法
2019/06/25 Python
Python 字符串类型列表转换成真正列表类型过程解析
2019/08/26 Python
python 解决tqdm模块不能单行显示的问题
2020/02/19 Python
薇姿法国官网:Vichy法国
2021/01/28 全球购物
幼儿园长自我鉴定
2013/10/17 职场文书
我的长生果教学反思
2014/04/28 职场文书
连带责任保证书
2014/04/29 职场文书
努力学习演讲稿
2014/05/10 职场文书
大学生求职自荐信范文
2015/03/04 职场文书
新闻稿件写作范文
2015/07/18 职场文书
2019终止劳动合同协议书最新范本!
2019/07/09 职场文书