按顺序取一组文本框的值 js

 

<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
< html  xmlns ="http://www.w3.org/1999/xhtml" >
  < head >
   < title >  new document  </ title >
   < meta  name ="generator"  content ="editplus"   />
   < meta  name ="author"  content ="yixianggao@126.com"   />
   < meta  name ="keywords"  content ="javascript"   />
   < meta  name ="description"  content ="for javascript region of csdn"   />
  </ head >

  < body >
< input  type ="text"  name ="a1"  id ="b1" >
< input  type ="text"  name ="a2"  id ="b2" >
< input  type ="text"  name ="a3"  id ="b3" >
< input  type ="text"  name ="a4"  id ="b4" >
< input  type ="button"  id ="btnShow"  value ="Show"  onclick ="showTextBoxes();"   />
   < script  type ="text/javascript" > ...
  <!--
function showTextBoxes()
...{
    var colInput = document.getElementsByTagName("input");
    
    for (var i=0; i<colInput.length; i++)
    ...{
        if (colInput[i].type=="text")
        ...{
            if (colInput[i].value=="")
            ...{
                alert(colInput[i].id + " is empty.")
            }
            else
            ...{
                alert(colInput[i].id + " is not empty. The value is " + colInput[i].value)
            }
        }
    }
}
  //-->
   </ script >
  </ body >
</ html >








<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
< html  xmlns ="http://www.w3.org/1999/xhtml" >
  < head >
   < title >  new document  </ title >
   < meta  name ="generator"  content ="editplus"   />
   < meta  name ="author"  content ="yixianggao@126.com"   />
   < meta  name ="keywords"  content ="javascript"   />
   < meta  name ="description"  content ="for javascript region of csdn"   />
  </ head >

  < body >
< input  type ="text"  name ="a1"  id ="b1" >
< input  type ="text"  name ="a2"  id ="b2" >
< input  type ="text"  name ="a3"  id ="b3" >
< input  type ="text"  name ="a4"  id ="b4" >
< input  type ="button"  id ="btnShow"  value ="Show"  onclick ="showTextBoxes();"   />
   < script  type ="text/javascript" > ...
  <!--
function showTextBoxes()
...{
    var colInput = document.getElementsByTagName("input");
    var textCollection = new Array();
    for (var i=0; i<colInput.length; i++)
    ...{
        if (colInput[i].type=="text")
        ...{
            if (colInput[i].value=="")
            ...{
                alert(colInput[i].id + " is empty.")
            }
            else
            ...{
                textCollection[textCollection.length] = colInput[i].id + " | " + colInput[i].value;
            }
        }
    }
    alert(textCollection);
}
  //-->
   </ script >
  </ body >
</ html >