当前位置: 移动技术网 > IT编程>开发语言>Jquery > jquery 实现只能选中一个checkbox,选中当前的去除上一个

jquery 实现只能选中一个checkbox,选中当前的去除上一个

2019年09月03日  | 移动技术网IT编程  | 我要评论

jq 实现只能选中一个checkbox,选中当前的去除上一个。

<div id="checkboxed">  
     <input name="check1" type="checkbox"/>check1  
     <input name="check2" type="checkbox"/>check2  
     <input name="check3" type="checkbox"/>check3  
</div> 

<script type="text/javascript">   
$(function() {
  $('#checkboxed').find('input[type=checkbox]').bind('click', function(){  
          var id = $(this).attr("id");
        
        //当前的checkbox是否选中
        if(this.checked){
            //除当前的checkbox其他的都不选中
            $("#checkboxed").find('input[type=checkbox]').not(this).attr("checked", false); 
            
            //选中的checkbox数量
            var selectleng = $("input[type='checkbox']:checked").length;
            console.log("选中的checkbox数量"+selectleng);
        }else{
            //未选中的处理
            console.log("未选中的处理");
        }
    }); 
})
</script>
            

 

如对本文有疑问, 点击进行留言回复!!

相关文章:

验证码:
移动技术网