javascript遍历控件实例详细解析
js遍历页面控件,
varinputArr=document.forms[0];
for(vari=0;i<inputArr.length;i++){
if(inputArr[i].type.toUpperCase()=="BUTTON"){
inputArr[i].disabled="disabled";
}elseif(inputArr[i].type.toUpperCase()=="FILE"){
inputArr[i].readonly=true;
}
}
另一种方法:
varElements=document.getElementsByTagName_r("*");
varmsgs;
vari;
for(iinElements){
if(Elements[i].type=="text"){
alert(Elements[i].value);
}
}
JS遍历控件取值
</body> 遍历页面text控制代码
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<title>JS遍历控件取值</title>
<mce:scripttype="text/javascript"><!--
functionSubmit()
{
varText=document.getElementsByTagName("input");
varArray="";
for(vari=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>
<tdstyle="width:100px">
<inputid="Checkbox1"type="checkbox"value="胡果"/>胡果</td>
<tdstyle="width:100px">
<inputid="Text1"type="text"value="ws_hgo"/></td>
<tdstyle="width:100px">
<inputid="Button1"type="button"value="button"onclick="Submit(this)"/></td>
</tr>
</table>
</html>
functionTexts()
{
//varels=document.getElementsByTagName("*"); //els得到页面所有控件
varels=document.getElementsByTagName("INPUT");//上面的也可,这样可以减少循环
varmsgs="";
for(vari=0;i<els.length;i++)
{
if(els[i].type=="text")
{
//取得控件ID
msgs+=els[i].id+",";
}
}
alert(msgs);
}
相关文章