gpt4 book ai didi

javascript - 通过 javascript 动态选择 html 单选按钮在 IE 中不起作用

转载 作者:行者123 更新时间:2023-12-02 20:32:24 24 4
gpt4 key购买 nike

我想从 JavaScript 中选择一个单选按钮。我正在使用这个简单的 html 文件来测试该问题。下面的代码在 Firefox 和 Chrome 上可以正常工作,但在 IE 中不起作用(没有版本有效)。我想知道为什么提供的代码在 IE 上不起作用,以及如何在 IE 中选择单选按钮?

<html>
<head>
<script type="text/javascript">
function chooseOne()
{
var randomChoice = Math.round(Math.random() * 2);

if(randomChoice == 0)
{
document.getElementById("test0").checked = true;
}
else if (randomChoice == 1)
{
document.getElementById("test1").checked = true;
}
else
{
document.getElementById("test2").checked = true;
}
}
</script>
</head>
<body>
<input type="radio" id="test0" name="test" value="a" /> A<br />
<input type="radio" id="test1" name="test" value="b" /> B<br />
<input type="radio" id="test2" name="test" value="c" /> C<br />
<input type="button" name="click" value="CHOOSE" onclick="javascript:chooseOne()" />
</body>

提前致谢,斯皮

最佳答案

首先,您应该为所有单选按钮指定相同的名称,否则它们将充当独立按钮:

<input type="radio" name="test" id="test0" value="a" /> A<br />
<input type="radio" name="test" id="test1" value="b" /> B<br />
<input type="radio" name="test" id="test2" value="c" /> C<br />

我猜这也是您问题的根源。此外,一旦执行此操作,您只需将一个单选按钮的 checked 设置为 true,这将自动删除其他按钮的选择。

关于javascript - 通过 javascript 动态选择 html 单选按钮在 IE 中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3877529/

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