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

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

1 个答案: