異なる名前のラジオボタンからJavaScriptを使用して値を取得する

Question

異なる名前のラジオボタンから値を取り出し、javascriptで配列に格納したいのですが、その方法を理解できません。私は1つの名前の価値を取ることができますが、複数の名前の無線のための価値は持っていません。

Answer 1

http://jsfiddle.net/zkhj9/1/

これはあなたがHERESに何を意味するか簡単な例である場合。

JS

var valArr = [], 
    group1 = document.getElementsByName("g1"), 
    group2 = document.getElementsByName("g2"); 

for(var i = 0; i < group1.length; i++){ 
    valArr.push(group1[i].value); 
} 

for(var i = 0; i < group2.length; i++){ 
    valArr.push(group2[i].value); 
} 

var result = document.getElementById("result"); 

result.innerHTML = valArr.toString(); 

マークアップ

<h2>Group 1</h2> 
<input type="radio" name="g1" value="g1_opt1">opt1</input> 
<input type="radio" name="g1" value="g1_opt2">opt2</input> 
<br/> 
<h2>Group 2</h2> 
<input type="radio" name="g2" value="g2_opt1">opt1</input> 
<input type="radio" name="g2" value="g2_opt2">opt2</input> 
<h2>Result</h2> 
<div id="result"> 
</div>