14.1.1 引用表单控件.html

javascript即用即差核心对象手册

<form name="frm">
   姓名<input type="text" name="username" /><br>
   年龄<input type="text" name="userage"  size="4"/><br>
   性别<input type="radio" value="1" name="usersex" checked="checked">男
       <input type="radio" value="0" name="usersex">女<br>
   <input type="button" value="确定" onClick="getInfo()">
   <input type="submit" value="重添">
</form>
<div id="reslt"></div>
<script>
   //获取Form表单中的数据   
 /* function getInfo()
   {
      var name=document.frm.username.value;
	  var age=document.forms[0].userage.value;
	  if (document.frm.usersex[0].checked)
	     sex="男";
	  else
	    sex="女";
	  var str="姓名:"+name+"<br>";
	  str+="年龄："+age+"<br>";
	  str+="性别:"+sex+"<br>"
	 document.write(str);
   }*/
   /*
   function getInfo()
   {
         var f=document.frm
	     var name=f.username.value;
	     var age=f.userage.value;
	     if (f.usersex[0].checked)
	        sex="男";
	     else
	       sex="女";
	     var str="姓名:"+name+"<br>";
	     str+="年龄："+age+"<br>";
	     str+="性别:"+sex+"<br>";
	    document.write(str);
   }*/
   function getInfo()
   {
      var form=document.forms[0];
	  var str="";
	  var arr=new Array("姓名:","年龄:","性别:");
	  for(var i=0;i<2;i++)
	  {
	     str+=arr[i]+form.elements[i].value+"<br>";
	  }
	  if (form.elements[2].checked)
	     sex="男";
	  else
	     sex="女";
	   str+=arr[2]+sex;
	  document.write(str);
   }
</script>