当前位置: 首页 > 编程笔记 >

基于jQuery的checkbox全选问题分析

仲孙宇定
2023-03-14
本文向大家介绍基于jQuery的checkbox全选问题分析,包括了基于jQuery的checkbox全选问题分析的使用技巧和注意事项,需要的朋友参考一下

本文实例分析了基于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 checkbox 勾选的bug问题解决方案与分析,包括了jquery checkbox 勾选的bug问题解决方案与分析的使用技巧和注意事项,需要的朋友参考一下 在做项目的时候遇到个jQuery checkbok复选框的选中取消的BUG,咨询了大神,才闹明白怎么回事,这里记录下来,分析给大家。 先上代码: 第一次执行,没问题,但第二次执行就有问题了,选择不了 解决办法:把

  • 本文向大家介绍jQuery checkbox选中问题之prop与attr注意点分析,包括了jQuery checkbox选中问题之prop与attr注意点分析的使用技巧和注意事项,需要的朋友参考一下 本文实例分析了jQuery checkbox选中问题之prop与attr注意点。分享给大家供大家参考,具体如下: 一个网上很多的例子如下: 运行后,在火狐下面发现一个问题百思不得其解 问题描述:第一次

  • 本文向大家介绍jQuery Checkbox 全选 反选的简单实例,包括了jQuery Checkbox 全选 反选的简单实例的使用技巧和注意事项,需要的朋友参考一下 1.全选、反选 以上就是本文的全部内容,希望对大家有所帮助,同时也希望多多支持呐喊教程!

  • 本文向大家介绍js与jQuery实现checkbox复选框全选/全不选的方法,包括了js与jQuery实现checkbox复选框全选/全不选的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了js与jQuery实现checkbox复选框全选/全不选的方法。分享给大家供大家参考,具体如下: 先来看看JavaScript实现checkbox复选框全选/全不选的方法。这应该是一个比较实用的前端

  • 本文向大家介绍浅谈jquery设置和获得checkbox选中的问题,包括了浅谈jquery设置和获得checkbox选中的问题的使用技巧和注意事项,需要的朋友参考一下 1. 设置checkbox选中: 2. 通过点击修改checkbox的选中项 3. 获得checkbox中的选中值 以上这篇浅谈jquery设置和获得checkbox选中的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也

  • 本文向大家介绍jQuery实现checkbox列表的全选、反选功能,包括了jQuery实现checkbox列表的全选、反选功能的使用技巧和注意事项,需要的朋友参考一下   我们在做列表的时候经常会遇到全选,反选进行批量处理问题,例如:   我当时就是简单的实现了,然后想封装到公共的js中,封装的太烂,不好意思贴出来了(就是把实现代码之间放到公共js中,然后每个页面都用固定的id,class,现在想