14.1.2 元素数组.html

javascript即用即差核心对象手册

<form>
   个人信息调查
   <hr>
   年龄<input type="radio" name="age" value="18-25" />18-25
       <input type="radio" name="age"  value="26-35"/>26-35
	   <input type="radio" name="age"  value="36-45"/>36-45
	   <input type="radio" name="age"  value="46-55"/>46-55
  <hr />
  爱好<input type="checkbox" name="fav"  value="球类"/>球类
      <input type="checkbox" name="fav"  value="旅游"/>旅游
	  <input type="checkbox" name="fav"  value="读书"/>读书
	  <input type="checkbox" name="fav"  value="购物"/>购物
 <hr>
  收入<input type="radio" name="earning" value="2500以下">2500以下
      <input type="radio" name="earning" value="2500-5000元">2500-5000元
	  <input type="radio" name="earning" value="5000元以上">5000元以上
 <br>
  <input type="button" value="提交调查" onClick="writeInfo()">
</form>
<script>
  //根据指定的名称获取单选按钮组的值
  function getRadioValue(name)
  {
      //获取元素数组
	  var arr=document.forms[0].elements[name];
	  for(var i=0;i<arr.length;i++)//遍历数组
	  {
	     if(arr[i].checked) 
		   return arr[i].value;
	  }
  }
  //根据指定的参数获取复选框组的值
  function getChboxValue(name)
  {
     //获取元素数组
	 var arr=document.forms[0].elements[name];
	 var str="";
	 for(var i=0;i<arr.length;i++)//遍历数组
	  {
	     if(arr[i].checked) 
		   str+=arr[i].value+";"
	  }
	 return str;
  }
  //输出信息
  function writeInfo()
  {
     msgInfo="您的年龄段:"+getRadioValue("age")+"<br>";
     msgInfo+="您的爱好为："+getChboxValue("fav")+"<br>";
     msgInfo+="您的收入："+getRadioValue("earning");
     document.write(msgInfo);
  }
</script>