getElementsByName用來擷取name一樣的一組元素。
應用：
擷取一組radio button 的選中值。
例子如下：
<html>
<head>
<title>getElementsByName Sample</title>
<script type="text/javascript" language="javascript">
function getColor() {
var oColors = document.getElementsByName("rdColor");
var color = "";
for (var i=0;i<oColors.length;i++) {
if (oColors[i].checked) {
color = oColors[i].value;
break;
}
}
if (color == "")
alert("Please choose a color!!");
else
alert("Your favorite color is: " + color);
}
</script>
</head>
<body>
<form action="javascript:getColor();" method="post">
<fieldset>
<legend>What color do you like?</legend>
<input type="radio" name="rdColor" value="red" /> Red <br />
<input type="radio" name="rdColor" value="green" /> Green <br />
<input type="radio" name="rdColor" value="blue" /> Blue <br />
</fieldset>
<input type="submit" value="Submit" />
</form>
</body>
</html>
![主流浏覽器四大綜合性能測試[圖]](data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=)