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

发布时间:2021-02-25 发布网站:前端之家 F2er.com
前端之家收集整理的这篇文章主要介绍了jquery 实现只能选中一个checkbox,选中当前的去除上一个前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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

 

总结


以上是前端之家为你收集整理的jquery 实现只能选中一个checkbox,选中当前的去除上一个全部内容,希望文章能够帮你解决jquery 实现只能选中一个checkbox,选中当前的去除上一个所遇到的程序开发问题。

如果觉得前端之家网站内容还不错,欢迎将前端之家网站推荐给前端开发程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。