zoukankan      html  css  js  c++  java
  • 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', 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>
                
  • 相关阅读:
    显示游标的属性
    显示游标的处理
    5:查询两表中的所有字段,满足性别为‘男’的记录(使用语句块)
    JS 进阶1
    JS 小练习
    驼峰法
    JS 入门四
    JS 入门三
    javascript中window.open()与window.location.href的区别(转)
    JavaScript 之日起对象(转)
  • 原文地址:https://www.cnblogs.com/Ananiah/p/11452109.html
Copyright © 2011-2022 走看看