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"添加到您的单选按钮。

现在焦点不起作用，因为name会返回两个，所以你需要选择第一个。

reservation.radio1[0].focus();

未经检查的单选按钮的验证通过

1 个答案: