如何记录一组名称相同但ID不同的单选按钮的值？

Question

I have a set of radio buttons, and only one can be selected, and its value recorded. 我有一组单选按钮，只能选择一个，并记录其值。 I ran the code below in this link , but got undefined error: 我在此链接中运行了以下代码，但收到undefined错误：

<!DOCTYPE html>
<html>
<body>

<td class="tg-031e"><input type="radio" name="ribbon_1" id="ribbon_1_1" value="1" size="15" />1</td>
<td class="tg-031e"><input type="radio" name="ribbon_1" id="ribbon_1_2" value="5" size="15" />2</td>

<button onclick="myFunction()">Try it</button>

<p id="demo"></p>

<script>
function myFunction() {
    var x = document.getElementsByName('ribbon_1').value;
    document.getElementById("demo").innerHTML = x;
}
</script>

</body>
</html>

How can I get the correct value? 如何获得正确的值？

Answer 1

getElementsByName() as the name suggestes returns an array of elements, so you will have to iterate through them and find out which one is checked 顾名思义， getElementsByName（）返回一个元素数组，因此您将不得不遍历它们并找出要检查的元素

 function myFunction() { var els = document.getElementsByName('ribbon_1'); for (var i = 0; i < els.length; i++) { if (els[i].checked) { document.getElementById("demo").innerHTML = els[i].value; } } }

 <table> <tr> <td class="tg-031e"><input type="radio" name="ribbon_1" id="ribbon_1_1" value="1" size="15" />1</td> <td class="tg-031e"><input type="radio" name="ribbon_1" id="ribbon_1_2" value="5" size="15" />2</td> </tr> </table> <button onclick="myFunction()">Try it</button> <p id="demo"></p>

Answer 2

The following script checks all the radio buttons with the name "ribbon_1" individually. 以下脚本分别检查名称为“ ribbon_1”的所有单选按钮。 But your script "getElementsByName("ribbon_1")" returns collection of radio buttons. 但是您的脚本“ getElementsByName（” ribbon_1“）”返回单选按钮的集合。 So it returns Undefined. 因此它返回未定义。

 function myFunction() {
            var inputs = document.getElementsByName("ribbon_1");
            for (var i = 0; i < inputs.length; i++) {
              if (inputs[i].checked) {
                 document.getElementById("demo").innerHTML =inputs[i].value;
              }
            }

如何记录一组名称相同但ID不同的单选按钮的值？

问题描述

2 个解决方案

解决方案1
2 2014-09-24 04:08:42

解决方案2
1 2014-09-24 04:10:25

Try this . 试试这个。

如何记录一组名称相同但ID不同的单选按钮的值？

问题描述

2 个解决方案

解决方案1 2 2014-09-24 04:08:42

解决方案2 1 2014-09-24 04:10:25

Try this . 试试这个 。

解决方案1
2 2014-09-24 04:08:42

解决方案2
1 2014-09-24 04:10:25

Try this . 试试这个。