关于jquery中checkbox全选一次问题

本文探讨了在使用jQuery操作Checkbox时遇到的问题,即“全选”按钮在某些情况下失效,无法正常选中所有子项。文章分析了该问题的根本原因在于jQuery版本,并提供了一种解决方案,通过遍历DOM元素来确保Checkbox状态正确更新。


使用jquery对checkbox进行处理,如下图所示,如果第一次点击全选,则选中,再点一次,则全部取消。但是再点全选时,下面的水果无法选中。

原始代码:

$("#checkall").click(function() {
         if(this.checked) {
                      $("input[name='fruit']").attr("checked","checked");                                                                                                                
        }else{
            $("input[name='fruit']").removeAttr("checked");
    }

});

对于有些人却能执行成功,主要的原因是版本的问题,如果在jquery1.9.1之前的版本均可以。但是我用的1.10.2就不可以。所以可以用dom对象的处理方法

$("#checkall").click(function() {
         if(this.checked) {

                      $("input[name='fruit']").each(function(){
                           this.checked=true;
                       });

          else {

                      $("input[name='fruit']").each(function(){
                           this.checked=false;

           }

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值