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>
    

      

  • 相关阅读:
    python多进程(二)
    PLSQL配置
    sql语句之左连结
    点击lable标出现下拉搜索框及选择功能
    angularjs前端分页自定义指令pagination
    未经整理的工作中遇到的小问题
    晒一晒工作内容.....呵呵勿喷
    配置chrome支持本地(file协议)ajax请求
    html5+angularjs+bootstrap+springmvc+mybatis模糊查询Deme
    oracle的sql积累..&..decode函数使用
  • 原文地址:https://www.cnblogs.com/freespider/p/2523461.html
Copyright © 2011-2022 走看看