首页 > Web开发 > 详细

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

时间:2019-09-03 12:33:26      阅读:72      评论:0      收藏:0      [点我收藏+]

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>
            

 

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

原文:https://www.cnblogs.com/Ananiah/p/11452109.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!