js 完成checkbox 全選與復選[實例]

全選 :       <input type="checkbox"  id="checkAll" /> 
        1:<input type="checkbox"  name="subBox" /> 
        2:<input type="checkbox"  name="subBox" /> 
        3:<input type="checkbox"  name="subBox" /> 
        4:<input type="checkbox"  name="subBox" /> 

[javascript]
$(function(){ 
    $('#checkAll').click(function(){ 
        $(this).each(function(){ 
              var allFlag = $(this).attr('checked'); 
               $('[name=subBox]:checkbox').attr('checked',allFlag); 
         }); 
    }); 
      $('[name=subBox]:checkbox').click(function(){ 
             var flag = true; 
             var allSelect = true; 
           $('[name=subBox]:checkbox').each(function(index){ 
                    flag = $(this).attr('checked'); 
                    if(!flag){ 
                            allSelect  = false; 
                           $('#checkAll').attr('checked',flag); 
                    } 
              }); 
            if(allSelect){ 
                   $('#checkAll').attr('checked',flag); 
             } 
      }); 
}); 

摘自 wwwyuanliang10000的專欄

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。