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>

    其实这个东西不难,今天弄了很长时间,主要还是对自己的一个复习。

  • 相关阅读:
    ExtJS4.2学习(6)——基础知识之proxy篇
    undo损坏故障恢复(二)ORA-01092,ORA-00604,ORA-01110
    pat 1063. Set Similarity (25)
    汉语-汉字:彤
    地理-地名:九女集
    汉语-汉字:菅
    汉语-汉字:蒯
    汉语-汉字:旬
    汉语-汉字:弁
    汉语-汉字:尥
  • 原文地址:https://www.cnblogs.com/kakaxi/p/1955459.html
Copyright © 2011-2022 走看看