zoukankan      html  css  js  c++  java
  • 垃圾checkbox

    <input type="checkbox" value="1" id="id">编号1

    <input type="checkbox" value="2" id="id">编号2

    <input type="checkbox" value="3" id="id">编号3


    <button id="btnTest" onclick="return t()">testCount</button>
    <button id="btnTest" onclick="return showAllChk('id')">showAll</button>
    <button id="btnTest" onclick="return myCheckAll('id')">全选ID</button>
    <button id="btnTest" onclick="return unCheckAll('id')">全不选ID</button>
    <button id="btnTest" onclick="return checkId('id')">检查ID</button>
    <input type="checkbox" value="" id ="ALL" name="ALL" onClick = "checkAll('ALL','id')"/><label for="ALL">全选</label>

    <script type="text/javascript">
     function t(){
      alert(document.all.id.length);
     }

     function showAllChk(chkId)
     {
      var chkobj = eval("document.all." + chkId);
      for(var i=0;i<chkobj.length;i++){
       alert(chkobj[i].value);
      }
     }
     
     function checkAll(allChkId,chkId){
      var chkObj = eval("document.all." + chkId);
      var chkAllObj = eval("document.all." + allChkId);
      for (var i=0;i<chkObj.length;i++){
       chkObj[i].checked = chkAllObj.checked;
      }
     }

     function myCheckAll(chkId)
     {
      var chkobj = eval("document.all." + chkId);
      for(var i=0;i<chkobj.length;i++){
       chkobj[i].checked = true;
      }
     }

     function unCheckAll(chkId)
     {
      var chkobj = eval("document.all." + chkId);
      for(var i=0;i<chkobj.length;i++){
       chkobj[i].checked = false;
      }
     }
     
     function checkId(chkId)
     {
      var chkobj = eval("document.all." + chkId);
      var result = false;
      for(var i=0;i<chkobj.length;i++){
       if (chkobj[i].checked){
        result = true;
        break;
       }
      }
      if (!result){
       alert("请至少选一个编号");
       chkobj[0].focus();
      }
      return result;

     }
    </script>

  • 相关阅读:
    PDF格式简单分析
    python 2.x 版本 pip 的使用
    网络读书笔记-运输层
    网络读书笔记-应用层
    线程池源码解析
    管道流创建订单
    @autowire、@resource原理
    Spring如何解决循环依赖
    结合Spring特性实现策略模式
    自定义注解+AOP实现redis分布式锁
  • 原文地址:https://www.cnblogs.com/zwei1121/p/602725.html
Copyright © 2011-2022 走看看