HTML 单选按钮禁用表单提交时的自动选择

Question

这是我尝试使用的示例HTML表单：

<form>
    <input type="radio" name="numbers" id="one" value="one">One<br>
    <input type="radio" name="numbers" id="two" value="two">Two<br>
    <input type="button" value="Go!" onClick="myFunction()">
    <div id="output"></div>
</form>

这是我尝试使用的示例 JavaScript 函数：

function myFunction() {    
    if (document.getElementById("one").checked = true) {
        document.getElementById("output").innerHTML = "One Selected";
    } else if (document.getElementById("two").checked = true) {
        document.getElementById("output").innerHTML = "Two Selected";
    }
}

因此，当单击单选按钮"一"时，它应该在"输出"上显示"一个选定"，

当单击单选按钮"二"时，它应该显示"两个选定"。但是，即使我选择单选按钮">
二"并提交它，它也总是自动选择单选按钮"一"并在"输出"上显示"一个选定"。

为什么会这样？
另外，有没有办法在用户没有选择任何单选按钮"一"时自动选择单选按钮"一"，以便在两者都没有被选中时显示消息？

Answer 1

if条件是错误的 - 您正在分配而不是检查值。使用 == 或 === 。在这里，您正在检查单选按钮状态 - 它已经返回真或假。所以你不需要平等的检查。

function myFunction() {
    if (document.getElementById("one").checked) {
        document.getElementById("output").innerHTML = "One Selected";
    } else if (document.getElementById("two").checked) {
        document.getElementById("output").innerHTML = "Two Selected";
    }
}

<form>
    <input type="radio" name="numbers" id="one" value="one">One<br>
    <input type="radio" name="numbers" id="two" value="two">Two<br>
    <input type="button" value="Go!" onClick="myFunction()">
    <div id="output"></div>
</form>