萬盛學電腦網

 萬盛學電腦網 >> 腳本專題 >> javascript >> javascript遍歷控件實例詳細解析

javascript遍歷控件實例詳細解析

 這篇文章詳細解析了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/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="width: 100px">                 <input id="Checkbox1" type="checkbox" value="胡果" />胡果</td>             <td style="width: 100px">                 <input id="Text1" type="text" value="ws_hgo" /></td>             <td style="width: 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);           }  
copyright © 萬盛學電腦網 all rights reserved