基于jQuery的checkbox全选问题分析
更新时间：2016年11月18日 14:10:19 作者：栁罗风尘
这篇文章主要介绍了基于jQuery的checkbox全选问题,结合实例形式分析了jQuery实现全选功能中遇到的问题与相应的解决方法,需要的朋友可以参考下
本文实例分析了基于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相关内容感兴趣的读者可查看本站专题：《jQuery form操作技巧汇总》、《jQuery切换特效与技巧总结》、《jQuery拖拽特效与技巧总结》、《jQuery扩展技巧总结》、《jQuery常见经典特效汇总》、《jQuery动画与特效用法总结》、《jquery选择器用法总结》及《jQuery常用插件及用法总结》
希望本文所述对大家jQuery程序设计有所帮助。
相关文章
本文给大家分享的是个人在使用jQuery的过程中总结的5点比较重要的知识点，这里推荐给小伙伴们，有需要的童鞋可以参考下。2015-05-05
这篇文章主要介绍了jquery禁止输入数字以外的字符的示例(纯数字验证码),需要的朋友可以参考下2014-04-04
本篇文章主要介绍了基于jQuery的左滑出现删除按钮的示例，这里整理了详细的代码,非常具有实用价值，需要的朋友可以参考下2017-08-08
本文主要分享了jquery实现百叶窗效果的示例代码。具有一定的参考价值，下面跟着小编一起来看下吧2017-01-01
有时我们在页面上需要选择数值范围，如购物时选取价格区间，购买主机时自主选取CPU，内存大小配置等，使用直观的滑块条直接选取想要的数值大小即可，无需手动输入数值，操作简单又方便。2015-08-08
JQuery Tips相关(1)----关于$.Ready()
学习jQuery的第一件事是：如果你想要一个事件运行在你的页面上，你必须在$(document).ready()里调用这个事件。所有包括在$(document).ready()里面的元素或事件都将会在DOM完成加载之后立即加载，并且在页面内容加载之前。2014-08-08
Jquery ，大家都熟悉的一个框架，我对Jquery正在学习中，对其影响最深的当属 它的选择器之强,ajax与服务器之间的交谈2009-10-10
本文为大家详细介绍下Jquery easyui 下loaing效果具体是如何实现的，感兴趣的各位可以参考下2013-08-08
JQuery团队打造的javascript单元测试工具QUnit介绍
元测试又称为模块测试，是针对程序模块(软件设计的最小单位)来进行正确性检验的测试工作。单元测试主要是用来检验程式的内部逻辑，也称为个体测试、结构测试或逻辑驱动测试。通常由撰写程式码的程式设计师负责进行。2010-02-02
这篇文章主要介绍了浅析jQuery Mobile的初始化事件,jQuery是当前人气最高的JavaScript库,需要的朋友可以参考下2015-12-12
最新评论