zoukankan      html  css  js  c++  java
  • js 判断checkbox是否选中

    核心提示: 大家在很多场合也许会遇到判断页面是否有元素选中,下面介绍的是利用js判断是否选中CheckBox的方法。

    //第几个没有选      


    <input type="checkbox" name="checkbox1" checked>      
    <input type="checkbox" name="checkbox1">      
    <input type="checkbox" name="checkbox1" checked>      
    <input type="checkbox" name="checkbox1">      
    <input type="checkbox" name="checkbox1">      
    <script language=javascript>      
    function check(obj)      
    {      
         
    for(i=0;i<document.all(obj).length;i++)      
    {      
    if(!document.all(obj)[i].checked)alert("第"+(i+1)+"个没有选择")      
    }      
    }      
    </script>      
    <input type=button onclick="check('checkbox1')" value="检测">      
         
         
    //一个也没有选      
         
         
    <input type="checkbox" name="test">      
    <input type="checkbox" name="test">      
    <input type="checkbox" name="test">      
    <input type="checkbox" name="test">      
    <input type="checkbox" name="test">      
    <Script Language="JavaScript">      
    function check(obj){      
    for(i=0;i<document.all(obj).length;i++){      
    if(document.all(obj)(i).checked){      
    return;      
    }      
    }      
    window.alert('一个也没有选!');      
    }      
    </Script>      
    <input type=button onclick="check('test');" value="检测">      
      
    //第几个没有选   
    <input type="checkbox" name="checkbox1" checked>   
    <input type="checkbox" name="checkbox1">   
    <input type="checkbox" name="checkbox1" checked>   
    <input type="checkbox" name="checkbox1">   
    <input type="checkbox" name="checkbox1">   
    <script language=javascript>   
    function check(obj)   
    {   
      
    for(i=0;i<document.all(obj).length;i++)   
    {   
    if(!document.all(obj)[i].checked)alert("第"+(i+1)+"个没有选择")   
    }   
    }   
    </script>   
    <input type=button onclick="check('checkbox1')" value="检测">   
      
      
    //一个也没有选   
      
      
    <input type="checkbox" name="test">   
    <input type="checkbox" name="test">   
    <input type="checkbox" name="test">   
    <input type="checkbox" name="test">   
    <input type="checkbox" name="test">   
    <Script Language="JavaScript">   
    function check(obj){   
    for(i=0;i<document.all(obj).length;i++){   
    if(document.all(obj)(i).checked){   
    return;   
    }   
    }   
    window.alert('一个也没有选!');   
    }   
    </Script>   
    <input type=button onclick="check('test');" value="检测">    

  • 相关阅读:
    Django多表操作
    Django单表操作
    Django模板语言的复用
    DTL
    Django视图层、虚拟环境
    Django路由详解
    初识Django
    web框架
    JQ初级
    linux的基础配置命令
  • 原文地址:https://www.cnblogs.com/ANDY_ZHANG/p/1885419.html
Copyright © 2011-2022 走看看