zoukankan      html  css  js  c++  java
  • 判断checkbox是否被选中,判定选中的个数!

    一般,我们对前台的checkbox进行处理。
    
    要考虑一是,单个checkbox的处理
    
    这个就比较简单了,
    
    例如
    
    <input type="checkbox" id="ck" onclick="coutck();" value="1">1
    
    我们来用js进行处理
    
    <script type="text/javascript">
    
    function coutck(){
    
    if(document.getElementsById(ck).checked){
    
    alert(document.getElementsById(ck).value);
    
    }
    
    }
    
    </script>
    
    如果checkbox是个数组,而且我们要判断checkbox选中的个数的时候,我们可以进行如下处理
    
    <script type="text/javascript"> function form1(){ var x=document.getElementsByName("ke[]"); var m=0; var n=false; for(var i=0;i<x.length;i++){ if(x[i].checked){ n=true; m++;
    }
    } if(!n){ alert("至少选择一个啊"); } if(m>5){ alert("选这么多干吗"); }
     } </script> <body> <form action="#" method="POST" onsubmit="return form1();"> <div> <input type="checkbox" id="kee" name="ke[]" value="1">11111 <input type="checkbox" id="kee" name="ke[]" value="2">22222 <input type="checkbox" id="kee" name="ke[]" value="3">33333 <input type="checkbox" id="kee" name="ke[]" value="4">44444 <input type="checkbox" id="kee" name="ke[]" value="5">55555 <input type="checkbox" id="kee" name="ke[]" value="6">66666 <input type="checkbox" id="kee" name="ke[]" value="7">77777 <input type="checkbox" id="kee" name="ke[]" value="8">88888 <input type="checkbox" id="kee" name="ke[]" value="9">99999 </div> <div><input type="submit" value="发布"></div> </form>
    

      

  • 相关阅读:
    react之引用echarts
    vue之生命周期
    算法之冒泡排序
    算法之快速排序
    算法题之统计字符串中出现最多的字母
    使用http-proxy-middleware 代理跨域
    div产生的滚动条返回顶部
    Django实战(18):提交订单
    Django实战(17):ajax !
    Django实战(16):Django+jquery
  • 原文地址:https://www.cnblogs.com/freespider/p/2523461.html
Copyright © 2011-2022 走看看