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

  • 相关阅读:
    Unity C# 反编译
    java finalize方法总结、GC执行finalize的过程
    Android性能调优篇之探索垃圾回收机制
    深入理解JVM(一)——JVM内存模型
    Android性能调优篇之探索JVM内存分配
    HashMap实现原理分析
    [干货]2017已来,最全面试总结——这些Android面试题你一定需要
    2017年最全的30个Android面试题,你将如何回答?
    Android2017进阶知识点、面试题及答案(精选版)
    Android2017最新面试题(3-5年经验个人面试经历)
  • 原文地址:https://www.cnblogs.com/alibai/p/3513117.html
Copyright © 2011-2022 走看看