JQuery 实现多个checkbox 只选中一个

<form id="common-form">         
  <input name="H1" type="checkbox" value="check1" />check1         
  <input name="H2" type="checkbox" value="check2" />check2          
  <input name="H3" type="checkbox" value="check3"/>check3      
</form>  
  
 
<script type="text/javascript">
  $(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;
	     var select_val = $("input[type='checkbox']:checked").val();
	     console.log("选中的checkbox数量"+selectleng); 
	     console.log("选中的checkbox值"+select_val);
	   }
	     else{            
	     //未选中的处理           
	      console.log("未选中的处理");        
	      }   
       }); 
	})

</script>

转载于：https://blog.csdn.net/weixin_30532973/article/details/95691676?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-6.channel_param&depth_1-utm_source=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-6.channel_param