• 判断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>

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

  • 相关阅读:
    深入了解Java ClassLoader、Bytecode 、ASM、cglib (I)
    如何在ant里import
    敏捷练习(1)评估我的生活方向盘
    你是一个合格的孩子吗?
    [转] C# 路径(目录)
    XML学习记录
    js学习总结不断更新(1)
    LINQ TO XML练习
    做技术,切不可沉湎于技术
    js学习总结持续更新(2)
  • 原文地址:https://www.cnblogs.com/kakaxi/p/1955459.html
Copyright © 2020-2023  润新知