继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

jQuery实现客户端CheckAll功能

千岁不倒翁
关注TA
已关注
手记 362
粉丝 60
获赞 387

         <script type="text/javascript">
    //    check /uncheck all feature
    var $allLangTypeSetting;
    $(function(){
      $allLangTypeSetting= $('input[type="checkbox"][name="languageTypeSetting"]');
      //alert($allLangTypeSetting.length);
    });
    $(function(){
        $("#checkAll").click(function(){
         if($(this).attr("checked")){
              for(var i=0;i<$allLangTypeSetting.length;i++)
                $($allLangTypeSetting.get(i)).attr("checked",true);
              $(this).attr("checked",true);
            }
         else{
            for(var i=0;i<$allLangTypeSetting.length;i++)
                $($allLangTypeSetting.get(i)).attr("checked",false);
            $(this).attr("checked",false);
         }
        });
        
        
      $(this).click(function(){
         var isCheckedAll = true;
         for(var i=0;i<$allLangTypeSetting.length;i++){
            if(!$($allLangTypeSetting.get(i)).attr("checked")){
              isCheckedAll = false;
              break;
            }
         }
         if(isCheckedAll){
            $("#checkAll").attr("checked",true);
         }else{
            $("#checkAll").attr("checked",false);
            }
      });
    });
    
    </script>

打开App,阅读手记
1人推荐
发表评论
随时随地看视频慕课网APP