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="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);
}
更多详细内容请查看：http://www.111cn.net/wy/js-ajax/56678.htm
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
