如何遍历页面中的所有控件

Question

for(var i=0;i<document.all.length;i++)
{
//document.all[i]控件
}

Answer 1

<style>input{display:block}</style>
<form action="test.asp">
<input value="abc" name="a1">
<input value="abcdefg" name="a2">
<input value="abcdefg">
<input type=checkbox value="zzz" name="a3" checked>
<input type=checkbox value="..." name="b1">
<input type=radio value="r1" name="c1" checked>
<input type=radio value="r2" name="c1">
<input type=password value="123" name="b2">
<input type=password value="56" name="b3">
<textarea  name="b4">hello world</textarea><br>
<select  name="b5">
<option value="ff">ff</option>
<option value="gg">gg</option>
</select><br><br>
<input type=button onclick="javascript:f_submit()" value="确定">
</form>
<script>
function f_submit(){
var e=document.forms[0].elements
var arr=new Array()
for(var i=0;i<e.length;i++){
if (!e[i].name) continue;   
if ((e[i].type=="checkbox") || (e[i].type=="radio")){   
if (e[i].checked) arr.push(e[i].name+"="+e[i].value)
}else{
arr.push(e[i].name+"="+e[i].value)
}
}
var url=document.forms[0].action+"?"+arr.join("&")
alert(url)
// location.href=url
}
</script>