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="检测">    

  • 相关阅读:
    Vue实现上下整屏滚动效果
    Vue实现选项卡切换效果
    Vue中在main.js中引入字体图标问题
    Vue中的生命周期beforeDestory不触发问题
    Vue中解决移动端点击300毫秒延迟的问题
    Vue中全局和按需引入Echarts
    Vue组件间的通信
    Echarts图表属性设置
    JZOJ 6799. 【2014广州市选day2】game
    JZOJ 6798. 【2014广州市选day2】regions
  • 原文地址:https://www.cnblogs.com/ANDY_ZHANG/p/1885419.html
Copyright © 2011-2022 走看看