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 相关文章推荐
Js+XML 操作
Sep 20 Javascript
javascript while语句和do while语句的区别分析
Dec 08 Javascript
js实现兼容IE6与IE7的DIV高度
May 13 Javascript
jQuery如何取id有.的值一般的方法是取不到的
Apr 18 Javascript
JavaScript数组常用方法
Mar 02 Javascript
JavaScript中Textarea滚动条不能拖动的解决方法
Dec 15 Javascript
Bootstrap基本组件学习笔记之面板(14)
Dec 08 Javascript
Node 自动化部署的方法
Oct 17 Javascript
jQuery+CSS实现的table表格行列转置功能示例
Jan 08 jQuery
javascript获取图片的top N主色值方法详解
Jan 26 Javascript
通过jquery.cookie.js实现记住用户名、密码登录功能
Jun 20 jQuery
jQuery实现计算器功能
Oct 19 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
德劲1102收音机的打理维修案例
2021/03/02 无线电
一个ORACLE分页程序,挺实用的.
2006/10/09 PHP
php生成SessionID和图片校验码的思路和实现代码
2009/03/10 PHP
为IP查询添加GOOGLE地图功能的代码
2010/08/08 PHP
PHP调用Mailgun发送邮件的方法
2017/05/04 PHP
laravel实现上传图片并在页面显示的例子
2019/10/14 PHP
Thinkphp 框架扩展之数据库驱动常用方法小结
2020/04/23 PHP
extjs之去除s.gif的影响
2010/12/25 Javascript
SOSO地图API使用(一)在地图上画圆实现思路与代码
2013/01/15 Javascript
jquery ajax jsonp跨域调用实例代码
2013/12/11 Javascript
自写的jQuery异步加载数据添加事件
2014/05/15 Javascript
jQuery 判断图片是否加载完成方法汇总
2015/08/10 Javascript
js中的关联数组与普通数组详解
2016/07/27 Javascript
JavaScript页面实时显示当前时间实例代码
2016/10/23 Javascript
JS短信验证码倒计时功能的实现(没有验证码,只有倒计时)
2016/10/27 Javascript
webuploader模态框ueditor显示问题解决方法
2016/12/27 Javascript
使用contextMenu插件实现Bootstrap table弹出右键菜单
2017/02/20 Javascript
nodejs构建本地web测试服务器 如何解决访问静态资源问题
2017/07/14 NodeJs
jQuery实现获取选中复选框的值实例详解
2018/06/28 jQuery
深入理解nodejs搭建静态服务器(实现命令行)
2019/02/05 NodeJs
使用vue制作滑动标签
2019/09/21 Javascript
Python操作MySQL数据库9个实用实例
2015/12/11 Python
Python将多个excel表格合并为一个表格
2021/02/22 Python
Python实现将doc转化pdf格式文档的方法
2018/01/19 Python
Python设计模式之观察者模式原理与用法详解
2019/01/16 Python
python3的url编码和解码,自定义gbk、utf-8的例子
2019/08/22 Python
Django日志及中间件模块应用案例
2020/09/10 Python
python+opencv3.4.0 实现HOG+SVM行人检测的示例代码
2021/01/28 Python
最新销售员个人自荐信
2013/09/21 职场文书
商超业务员岗位职责
2014/03/12 职场文书
幼儿园小班评语
2014/04/18 职场文书
水利水电建筑施工应届生求职信
2014/07/04 职场文书
授权委托书公证
2014/09/14 职场文书
《金钱的魔力》教学反思
2016/02/20 职场文书
Python Pygame实战在打砖块游戏的实现
2022/03/17 Python
win10系统xps文件怎么打开?win10打开xps文件的两种操作方法
2022/07/23 数码科技