javascript - 使用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