說明：
取出html元素name為myProduct，並顯示訊息。
此範例設計
html元素input name="myProduct" type="radio"
將同類的radio，設計相同的name。
可以說是分群組。
程式：
<html>
<head>
<title>[JavaScript-HTML_DOM]取HTML元素，使用getElementsByName()之二</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript">
function myFunTest1(){
var myProduct = document.getElementsByName("myProduct");
var returnData="";
for(i = 0 ; i< myProduct.length ; i++){
returnData = returnData + myProduct[i].value + ",";
}
alert(returnData);
}
</script>
</head>
<body>
<div>
Car<input name="myProduct" type="radio" value="Car">
House<input name="myProduct" type="radio" value="House">
Mobile phone<input name="myProduct" type="radio" value="Mobile phone">
<input type="button" onclick="myFunTest1()" value="送出">
</div>
</body>
</html>
圖：
其它文章
沒有留言:
張貼留言