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("未选中的处理");
        }
    }); 
})

如果已经有click事件相关方法，并且原有的逻辑不好修改，那么更加简单的方式是： 当创建表单时，如果您想让用户从列表中选择若干个选项时，input标签的type属性请使用 checkbox。如果您限制用户只能选择一个选项，请使用 radio。