zoukankan      html  css  js  c++  java
  • 3_全选菜单 鲁中O

    HTML代码:

     1 <p id="btn">全选</p>
     2 <input type="checkbox"/><br />
     3 <input type="checkbox"/><br />
     4 <input type="checkbox"/><br />
     5 <input type="checkbox"/><br />
     6 <input type="checkbox"/><br />
     7 <input type="checkbox"/><br />
     8 <input type="checkbox"/><br />
     9 <input type="checkbox"/><br />
    10 <input type="checkbox"/><br />
    11 <input type="checkbox"/><br />
    12 <input type="checkbox"/><br />
    13 <input type="checkbox"/><br />
    14 <input type="checkbox"/><br />
    15 <input type="checkbox"/><br />
    16 <input type="checkbox"/><br />

    JS代码:

    1 window.onload=function(){
    2     var oBtn=document.getElementById('btn');
    3     var oInput=document.getElementsByTagName('input');
    4     var i=0;
    5 oBtn.onclick=function(){
    6         for(i=0;i<oInput.length;i++){
    7             oInput[i].checked=true;}
    8         };
    9     }

     

  • 相关阅读:
    Visual Studio 2015 密钥
    Vue-next源码新鲜出炉一
    vue2.0基础整理
    Nest
    Nest
    Nest
    Nest
    Nest快速上手
    element-plus源码分析第一节
    获取视频第一帧,作为封面图
  • 原文地址:https://www.cnblogs.com/guozh/p/3937609.html
Copyright © 2011-2022 走看看