• 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

  • 相关阅读:
    jsp、js分页功能的简单总结
    jsp实现验证码
    JSP内置对象总结
    java集合类总结二
    工程一:记事本的实现
    学编程上这些网站就够了
    一位程序员和他的程序员老婆分手了,原因竟是…
    培训机构出来的程序员为何不受企业待见?
    在w3cschool学完html,css,javascript,jquery以后,还是不会做前端怎么办?
    我只是个写代码的(幽默一下)
  • 原文地址:https://www.cnblogs.com/alibai/p/3513117.html
Copyright © 2020-2023  润新知