关于jquery中checkbox全选一次问题

来源:互联网 发布:ps如何做淘宝详情页 编辑:程序博客网 时间:2024/05/14 15:04


使用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;

           }

0 0
原创粉丝点击