使用 Javascript 从具有不同名称的单选按钮中获取值答案

【问题标题】：Taking values from Radio button with different names using Javascript使用 Javascript 从具有不同名称的单选按钮中获取值
【发布时间】：2011-03-03 14:02:55
【问题描述】：

我想从具有不同名称的单选按钮中获取值并存储在 javascript 中的数组中，但我无法弄清楚如何做到这一点。我可以为一个名字取值，但不能为多个名字收音机取值。

【问题讨论】：

到目前为止你的代码是什么？

标签： javascript forms radio-button

【解决方案1】：

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

如果这是你的意思，这里有一个简单的例子。

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>

【讨论】：

感谢您的回答。但问题是我正在制作一个在线测试模块，因为一次只显示一个问题，其中选项作为单选按钮。因此，我希望每当用户单击特定问题的提交时，都会传递该特定问题的值。或者我可以说，我想将元素的名称作为参数传递给 javascript 函数作为 document.getElementByName(parameter)。