JQuery 多个checkbox 只选中一个

   
   
  
  
 
   
 
    
 
     
 
    
 
    
 
     
 
      <form id="common-form"> 
     
 
    
 
   
 
    
 
     
 
    
 
    
 
     
 
      <input name="check1" type="checkbox"/>check1 
     
 
    
 
   
 
    
 
     
 
    
 
    
 
     
 
      <input name="check2" type="checkbox"/>check2 
     
 
    
 
   
 
    
 
     
 
    
 
    
 
     
 
      <input name="check3" type="checkbox"/>check3 
     
 
    
 
   
 
    
 
     
 
    
 
    
 
     
 
      </form> 
     
 
    
 
  
  
  
 
 

   
   
  
  
 
   
 
    
 
     
 
    
 
    
 
     

       $(function() { 
     
 
    
 
   
 
    
 
     
 
    
 
    
 
     

         $('#common-form').find('input[type=checkbox]').bind('click', function(){   
     
 
    
 
   
 
    
 
     
 
    
 
    
 
     

                 var id = $(this).attr("id"); 
     
 
    
 
   
 
    
 
     
 
    
 
    
 
     

                
     
 
    
 
   
 
    
 
     
 
    
 
    
 
     

               //当前的checkbox是否选中 
     
 
    
 
   
 
    
 
     
 
    
 
    
 
     

               if(this.checked){ 
     
 
    
 
   
 
    
 
     
 
    
 
    
 
     

                   //除当前的checkbox其他的都不选中 
     
 
    
 
   
 
    
 
     
 
    
 
    
 
     

                   $("#common-form").find('input[type=checkbox]').not(this).attr("checked", false); 
     
 
    
 
   
 
    
 
     
 
    
 
    
 
     

                    
     
 
    
 
   
 
    
 
     
 
    
 
    
 
     

                   //选中的checkbox数量 
     
 
    
 
   
 
    
 
     
 
    
 
    
 
     

                   var selectleng = $("input[type='checkbox']:checked").length; 
     
 
    
 
   
 
    
 
     
 
    
 
    
 
     

                   console.log("选中的checkbox数量"+selectleng); 
     
 
    
 
   
 
    
 
     
 
    
 
    
 
     

               }else{ 
     
 
    
 
   
 
    
 
     
 
    
 
    
 
     

                   //未选中的处理 
     
 
    
 
   
 
    
 
     
 
    
 
    
 
     

                   console.log("未选中的处理"); 
     
 
    
 
   
 
    
 
     
 
    
 
    
 
     

               } 
     
 
    
 
   
 
    
 
     
 
    
 
    
 
     

           }); 
     
 
    
 
   
 
    
 
     
 
    
 
    
 
     

       })