萬盛學電腦網 >> 腳本專題 >> 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); }javascript排行
程序編程推薦
相關文章
copyright © 萬盛學電腦網 all rights reserved