使用javascript按组名称获取单选按钮值

Question

说我有一个像这样的单选按钮组:

    <input type="radio" name="mygroup" value="Hello 1" />Hello 1<br/>
    <input type="radio" name="mygroup" value="Hello 2" />Hello 2<br/>
    <input type="radio" name="mygroup" value="Hello 3" />Hello 3<br/>

我可以根据组中的索引访问其中一个元素吗？

例如,我想针对第二个元素？

怎么能在javascript中完成？

Answer 1

您可以使用 getElementsByName

它返回一个HTML元素数组.然后,您可以通过索引遍历返回的数组并获取所需的元素.

所以在你的问题(针对第二个元素)中你应该使用:

var radios = document.getElementsByName('mygroup');
    radios[1].value;

并以更通用的方式使用:

var radios = document.getElementsByName('mygroup');

for(i=0;i<radios.length;i++){
console.log(radios[i].value);
}

DEMO