gpt4 book ai didi

javascript - 如何记录一组具有相同名称但不同 id 的单选按钮的值?

转载 作者:行者123 更新时间:2023-11-28 19:35:14 24 4
gpt4 key购买 nike

我有一组单选按钮,只能选择一个,并记录其值。我在这个 link 中运行了下面的代码,但出现未定义错误:

<!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>

如何获得正确的值?

最佳答案

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>

关于javascript - 如何记录一组具有相同名称但不同 id 的单选按钮的值?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26008348/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com