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

【问题标题】：HTML Radio Button Disable Automatic Selection On Form SubmitHTML单选按钮禁用表单提交时的自动选择
【发布时间】：2017-08-10 18:13:32
【问题描述】：

这是我尝试使用的示例 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";
    }
}

所以当单选按钮“one”被点击时，它应该在“输出”上显示“One Selected”，当单选按钮“two”被点击时，它应该显示“Two Selected”。
但是，即使我选择单选按钮“二”并提交它，它总是会自动选择单选按钮“一”并在“输出”上显示“已选择”。

为什么会发生这种情况？
另外，有没有办法让它在用户没有选择任何单选按钮时不自动选择单选按钮“一个”，以便在两者都没有选择时显示消息？

【问题讨论】：

标签： javascript html radio

【解决方案1】：

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

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>

【讨论】：