javascript - 未选中单选按钮的验证通过

Question

我正在尝试验证单选按钮，但评估不起作用，即使没有选中单选按钮，也会加载下一页。我尝试了不同的方法，但都不起作用，有一次我出现了弹出窗口，至于其他消息，但无论如何都加载了下一页。

这是我的代码:HTML:

<fieldset id="Radio">
Smoking <input type="radio" name="smoking" id="smoking1" value="Smoking">
Non-smoking <input type="radio" name="smoking" id="smoking2" value="Non-smoking">
</fieldset>

JavaScript:

var radio1 = document.getElementById("smoking1");
var radio2 = document.getElementById("smoking2");

if ((!radio1.checked) && (!radio2.checked)){
        window.alert("You must check one of the options in Smoking Preferences field!");
        reservation.radio1.focus();
        return false;

    }

如有任何建议，我将不胜感激!谢谢!

Answer 1

reservation.radio1.focus(); 

您的代码示例中不存在名为 radio1 的元素。

将 name="radio1" 添加到两个单选按钮。

现在焦点将不起作用，因为名称将返回两个，因此您需要选择第一个。

reservation.radio1[0].focus();