单选按钮验证错误消息
问题描述:
我想要显示一条消息,如果两个单选按钮都不显示。我一直在研究这个话题,但还没有找到适合我的答案。单选按钮验证错误消息
有人可以解释我的代码出了什么问题,以及当这两个复选框都没有选中时,是什么阻止显示消息?
CODE
<h2 class = "preferences">Preferences</h2>
<form class="fifthForm">
<p class="special">E-Mail Special Offers:</p>
<input id="offersOne" type="radio" name="offers" value="Yes">Yes
<input id="offersTwo" type="radio" name="offers" value="No">No
<p id="preferenceResult"></p>
</form>
JAVASCRIPT
try {
var prefname = document.getElementsByName("offers");
if (prefname[0].checked == false && prefname[1].checked == false) {
throw "* Please choose a preference!";
}
}
catch(prefError) {
document.getElementById('preferenceResult').innerHTML = prefError;
}
答
原来,返回FALSE;正在执行此声明之前的声明。我结束了类似的代码,并删除了返回false;这样代码的其余部分就会执行。
try {
var prefname = document.getElementsByName("offers");
if (prefname[0].checked == false && prefname[1].checked == false) {
throw "* Please choose a preference!";
}
else {
document.getElementById('prefResult').innerHTML = "";
}
}
catch(prefError) {
document.getElementById('prefResult').innerHTML = prefError;
}
检查此工作JSFiddle链接https://jsfiddle.net/c2y25uwe/ –