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>

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

  • 相关阅读:
    adb devices检测不到夜神模拟器
    adb devices检测不到夜神模拟器
    adb devices检测不到夜神模拟器
    epoll里面mmap释疑
    epoll里面mmap释疑
    epoll里面mmap释疑
    epoll里面mmap释疑
    Redis数据迁移的三个方法
    Redis数据迁移的三个方法
    MySQL:由USE DB堵塞故障引发的思考
  • 原文地址:https://www.cnblogs.com/kakaxi/p/1955459.html
Copyright © 2011-2022 走看看