使用Javascript从不同名称的单选按钮获取值

时间:2011-03-03 14:02:55

标签: javascript forms radio-button

我想从具有不同名称的单选按钮获取值并以javascript存储在数组中我无法弄清楚如何执行此操作。我可以为一个名称获取值,但不能为多个名称无线电获取。

1 个答案:

答案 0 :(得分:0)

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

如果这就是你的意思,那就是一个简单的例子。

<强> 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>