zoukankan      html  css  js  c++  java
  • javascript遍历控件(实例详解)

    js遍历页面控件,

     代码如下 复制代码
     var inputArr = document.forms[0];
       for( var i = 0; i < inputArr.length; i++ ) {
        if( inputArr[i].type.toUpperCase() == "BUTTON" ) {
         inputArr[i].disabled="disabled";
        }else if( inputArr[i].type.toUpperCase() == "FILE" ){    
         inputArr[i].readonly=true;
        }
       }
     

     另一种方法:

     代码如下 复制代码
    var Elements = document.getElementsByTagName_r("*");
    var msgs;
    var i;
    for ( i in Elements ) {
    if ( Elements[i].type == "text" ) {
    alert(Elements[i].value);
    }
    }
     

    JS遍历控件取值

     代码如下 复制代码
     <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.111cn.net /TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" >
    <head>
        <title>JS遍历控件取值</title>
        <mce:script type="text/javascript"><!--
        function Submit()
        {
           var Text=document.getElementsByTagName("input");
          var Array="";
            for(var i=0;i<Text.length;i++)
            {
                if(Text[i].type=="text"||Text[i].type=="checkbox")
                {
                  Array+=",";
                  Array+=Text[i].value;
                }
              
            }
             Array=Array.substring(1,Array.length);
             alert(Array);
        }
       
    // --></mce:script>
    </head>
    <body>
        <table>
            <tr>
                <td style=" 100px">
                    <input id="Checkbox1" type="checkbox" value="胡果" />胡果</td>
                <td style=" 100px">
                    <input id="Text1" type="text" value="ws_hgo" /></td>
                <td style=" 100px">
                    <input id="Button1" type="button" value="button" onclick="Submit(this)" /></td>
            </tr>
             </table>

    </body>
    </html>
     


    遍历页面 text控制代码

     代码如下 复制代码
            function Texts()
            {
                 //var els= document.getElementsByTagName("*");   //els得到页面所有控件
                 var els= document.getElementsByTagName("INPUT"); //上面的也可,这样可以减少循环
                 var msgs="";
                 for (var i=0;i<els.length;i++ ) 
                 {
                     if (els[i].type == "text" ) 
                     {
                         //取得控件ID
                         msgs += els[i].id + ",";
                     }
                 }
                 alert(msgs);
             }
     

    更多详细内容请查看:http://www.111cn.net/wy/js-ajax/56678.htm

  • 相关阅读:
    GitLab 介绍
    git 标签
    git 分支
    git 仓库 撤销提交 git reset and 查看本地历史操作 git reflog
    git 仓库 回退功能 git checkout
    python 并发编程 多进程 练习题
    git 命令 查看历史提交 git log
    git 命令 git diff 查看 Git 区域文件的具体改动
    POJ 2608
    POJ 2610
  • 原文地址:https://www.cnblogs.com/alibai/p/3513117.html
Copyright © 2011-2022 走看看