当一个表单中存在若干个元素时候怎么遍历每一个元素

<html><head><script>
function get_type()
{
   
   var t=""
   var n=""
   for(var i=0;i<=f1.length-1;i++)  //遍历整个表单域的类型
   {
      
      n=f1.elements[i].name
      t=f1.elements[i].type
      
      alert(n+" : "+t)
      
   }
}</script></head><body ><form name="f1" method="POST" action="">
 <p>
  <input type="text" name="文本1" size="20"> </p>
 <p>
  <input type="button" name="按钮" value="1"> </p>
 <p>
  <input type="radio" name="单选框" value="r"></p>
 <p>
  <input type="checkbox" name="复选框" value="ON"></p>
 <p>
    
  <input type="submit" value="提交" name="提交"> </p>
 <p>
  <input type="reset" value="重置" name="重置"></p>
 <p>
  <input type="button" value="获得所有表单元素属性" name="B3" onclick="get_type()"></p>
 <p>
  <input type="text" name="t4" size="95"></p>
 <p>
  　</p>
</form></body></html>

解决方案 »

  1.   

    <html><head><script>
    function get_type()
    {
       
       var t=""
       var n=""
       
       var s=new Array()
       for(var i=0;i<=f1.length-1;i++)  //遍历整个表单域的类型
       {
          var j=0
          
          n=f1.elements[i].name
          t=f1.elements[i].type
          s[j]=t
          var str=s[j]+"------"+str
          j++;
             
        }
       document.write(str)
       
    }</script></head><body ><form name="f1" method="POST" action="">
     <p>
      <input type="text" name="文本1" size="20"> </p>
     <p>
      <input type="button" name="按钮" value="1"> </p>
     <p>
      <input type="radio" name="单选框" value="r"></p>
     <p>
      <input type="checkbox" name="复选框" value="ON"></p>
     <p>
        
      <input type="submit" value="提交" name="提交"> </p>
     <p>
      <input type="reset" value="重置" name="重置"></p>
     <p>
      <input type="button" value="获得所有表单元素属性" name="B3" onclick="get_type()"></p>
     <p>
      <input type="text" name="t4" size="95"></p>
     <p>
      　</p>
    </form></body></html>
      

  2.   

    <html><head><script>
    function get_type()
    {
       
       var strElement= "";   var s=new Array()
       for(var i=0;i< f1.children.length;i++)  //±é&Agrave;ú&Otilde;&ucirc;&cedil;&ouml;±í&micro;&yen;&Oacute;ò&micro;&Auml;&Agrave;à&ETH;&Iacute;
       {      strElement += f1.children[i].name + ",";
        }
       document.write(strElement)
       
    }</script></head><body ><form name="f1" method="POST" action="">  <input type="text" name="&Icirc;&Auml;±&frac34;1" size="20">   <input type="button" name="°&acute;&Aring;&yen;" value="1">  <input type="radio" name="&micro;&yen;&Ntilde;&iexcl;&iquest;ò" value="r">  <input type="checkbox" name="&cedil;&acute;&Ntilde;&iexcl;&iquest;ò" value="ON">
     
        
      <input type="submit" value="&Igrave;á&frac12;&raquo;" name="&Igrave;á&frac12;&raquo;">   <input type="reset" value="&Ouml;&Oslash;&Ouml;&Atilde;" name="&Ouml;&Oslash;&Ouml;&Atilde;">  <input type="button" value="&raquo;&ntilde;&micro;&Atilde;&Euml;ù&Oacute;&ETH;±í&micro;&yen;&Ocirc;&ordf;&Euml;&Oslash;&Ecirc;&ocirc;&ETH;&Ocirc;" name="B3" onclick="get_type();">  <input type="text" name="t4" size="95"></form></body></html>
      

  3.   

    for(var i=0; i<document.form1.elements.length; i++)
        alert(document.form1.elements[i].value);