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中的this关键字详解
Sep 25 Javascript
JS正则验证邮箱的格式详细介绍
Nov 19 Javascript
使用apply方法实现javascript中的对象继承
Dec 16 Javascript
jQuery中get()方法用法实例
Dec 27 Javascript
js实现跨域的方法实例详解
Jun 24 Javascript
jQuery 监控键盘一段时间没输入
Apr 22 Javascript
jQuery中each()、find()和filter()等节点操作方法详解(推荐)
May 25 Javascript
基于原生JS实现图片裁剪
Aug 01 Javascript
vue父组件向子组件动态传值的两种方法
Nov 11 Javascript
vue中el-upload上传图片到七牛的示例代码
Oct 19 Javascript
JavaScript setInterval()与setTimeout()计时器
Dec 27 Javascript
node.js使用 http-proxy 创建代理服务器操作示例
Feb 10 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音乐采集(部分代码)
2007/02/14 PHP
使用swoole扩展php websocket示例
2014/02/13 PHP
php数组转成json格式的方法
2015/03/09 PHP
详解PHP错误日志的获取方法
2015/07/20 PHP
PHP生成随机码的思路与方法实例探索
2019/04/11 PHP
jQuery 使用手册(四)
2009/09/23 Javascript
Javascript页面添加到收藏夹的简单方法
2013/08/07 Javascript
javascript如何动态加载表格与动态添加表格行
2013/11/27 Javascript
Jquery实现自定义tooltip示例代码
2014/02/12 Javascript
js转化毫秒为时间格式代码
2014/04/10 Javascript
js中的caller和callee属性介绍和例子
2014/06/07 Javascript
JavaScript极简入门教程(三):数组
2014/10/25 Javascript
jQuery实现图片渐入渐出切换展示效果
2015/08/15 Javascript
JS中使用apply、bind实现为函数或者类传入动态个数的参数
2016/04/26 Javascript
基于Bootstrap3表格插件和分页插件实例详解
2016/05/17 Javascript
jQuery Validate 相关参数及常用的自定义验证规则
2017/03/06 Javascript
基于vue-video-player自定义播放器的方法
2018/03/21 Javascript
微信小程序自定义导航栏(模板化)
2019/11/15 Javascript
实例讲解Python中函数的调用与定义
2016/03/14 Python
对python中for、if、while的区别与比较方法
2018/06/25 Python
浅谈Python的list中的选取范围
2018/11/12 Python
python numpy实现文件存取的示例代码
2019/05/26 Python
使用python将mysql数据库的数据转换为json数据的方法
2019/07/01 Python
Django windows使用Apache实现部署流程解析
2020/10/12 Python
基于python实现监听Rabbitmq系统日志代码示例
2020/11/28 Python
IE9下html5初试小刀
2010/09/21 HTML / CSS
KIKO美国官网:意大利的平价彩妆品牌
2017/05/16 全球购物
Rossignol金鸡美国官网:始于1907年法国百年雪具品牌
2019/03/06 全球购物
就业推荐表自我鉴定
2013/10/29 职场文书
珍珠鸟教学反思
2014/02/01 职场文书
幼儿园师德演讲稿
2014/05/06 职场文书
清明节演讲稿
2014/05/27 职场文书
广告学专业毕业生自荐信
2014/05/28 职场文书
2014年公务员退休工资改革方案
2014/10/01 职场文书
党员干部反四风民主生活会对照检查材料思想汇报
2014/10/12 职场文书
《全神贯注》教学反思
2016/02/22 职场文书