基于jQuery的checkbox全选问题分析


Posted in Javascript onNovember 18, 2016

本文实例分析了基于jQuery的checkbox全选问题。分享给大家供大家参考,具体如下:

最近开发项目时遇到一个很奇怪的问题,就是checkbox的全选与全不选
使用jQuery的框架。一直是使用

//检测选中的checkbox
$('input[name="abc"]:checked').each(function(){})

但是,发现我需要全选的时候,使用

$('input[name="abc"]').attr('checked',true);
$('input[name="abc"]').attr('checked',false);

时,第一次加载的时候管用,再次点击就只显示它自己了
但是点击的时候,查看源代码,属性checked已经添加上了
百思不得其解,最后搜索到,原来是 attr属性 对于checked来说他不会使dom样式改变,只会将它的属性值改变,jquery提供了取而代之的方法,如下就可以了

$('input[name="abc"]').prop('checked',true);
$('input[name="abc"]').prop('checked',false);

但是,问题又来了,不全选时我检测不到哪个元素被点击了,然后就在name上做文章

$('input[name="abc[]:checked"').each(function(i){});
//或者
$('input[name="abc[]"').each(function(i){
  var flag = $(this).prop('checked');
  if(flag){
   //$(this) 即为选中元素
 }
})

问题解决。

希望本文所述对大家jQuery程序设计有所帮助。

Javascript 相关文章推荐
javascript检查日期格式的函数[比较全]
Oct 17 Javascript
js 异步处理进度条
Apr 01 Javascript
JQuery中的ready函数冲突的解决方法
May 17 Javascript
javascript各浏览器中option元素的表现差异
Apr 07 Javascript
JavaScript对象和字串之间的转换实例探讨
Apr 21 Javascript
jQuery之日期选择器的深入解析
Jun 19 Javascript
jquery限定文本框只能输入数字即整数和小数
Nov 29 Javascript
纯javascript模仿微信打飞机小游戏
Aug 20 Javascript
微信小程序 实例开发总结
Apr 26 Javascript
js实现关闭网页出现是否离开提示
Dec 07 Javascript
axios发送post请求,提交图片类型表单数据方法
Mar 16 Javascript
js实现圆形菜单选择器
Dec 03 Javascript
JavaScript动态数量的文件上传控件
Nov 18 #Javascript
JS识别浏览器类型(电脑浏览器和手机浏览器)
Nov 18 #Javascript
Node.js 实现简单小说爬虫实例
Nov 18 #Javascript
基于jQuery的select下拉框选择触发事件实例分析
Nov 18 #Javascript
jQuery实现隔行变色的方法分析(对比原生JS)
Nov 18 #Javascript
jQuery和JavaScript节点插入元素的方法对比
Nov 18 #Javascript
js与jquery分别实现tab标签页功能的方法
Nov 18 #Javascript
You might like
PHP安全技术之 实现php基本安全
2010/09/04 PHP
php中的boolean(布尔)类型详解
2013/10/28 PHP
浅谈discuz密码加密的方式
2014/05/22 PHP
php+ajax制作无刷新留言板
2015/10/27 PHP
php foreach如何跳出两层循环(详解)
2016/11/05 PHP
FCK调用方法..
2006/12/21 Javascript
防止文件缓存的js代码
2013/01/10 Javascript
jquery获取元素值的方法(常见的表单元素)
2013/11/15 Javascript
javascript常用的正则表达式实例
2014/05/15 Javascript
jquery实现表单验证并阻止非法提交
2015/07/09 Javascript
JS实现淡蓝色简洁竖向Tab点击切换效果
2015/10/06 Javascript
理解javascript中的MVC模式
2016/01/28 Javascript
JavaScript实现带播放列表的音乐播放器实例分享
2016/03/07 Javascript
Bootstrap如何激活导航状态
2017/03/22 Javascript
JS简单验证上传文件类型的方法
2017/04/17 Javascript
使用JavaScript实现一个小程序之99乘法表
2017/09/21 Javascript
详谈commonjs模块与es6模块的区别
2017/10/18 Javascript
JS获取当前地理位置的方法
2017/10/25 Javascript
Vue中通过属性绑定为元素绑定style行内样式的实例代码
2020/04/30 Javascript
[05:53]敌法师的金色冠名ID"BurNIng",是传说,是荣耀
2020/07/11 DOTA
从Python的源码浅要剖析Python的内存管理
2015/04/16 Python
Python自动化运维之IP地址处理模块详解
2017/12/10 Python
pandas将DataFrame的列变成行索引的方法
2018/04/10 Python
python3.6利用pyinstall打包py为exe的操作实例
2018/10/31 Python
Python格式化输出--%s,%d,%f的代码解析
2020/04/29 Python
django正续或者倒序查库实例
2020/05/19 Python
Django用户认证系统如何实现自定义
2020/11/12 Python
通过canvas转换颜色为RGBA格式及性能问题的解决
2019/11/22 HTML / CSS
澳大利亚领先的优质葡萄酒拍卖会:Langton’s Fine Wines
2019/03/24 全球购物
运行时异常与一般异常有何异同?
2014/01/05 面试题
工作中个人的自我评价
2013/12/31 职场文书
酒后驾驶检讨书
2014/01/27 职场文书
六查六看心得体会
2014/10/14 职场文书
2014年医院科室工作总结
2014/12/20 职场文书
个人简历自我评价怎么写
2015/03/10 职场文书
太空授课观后感
2015/06/17 职场文书