单选按钮验证错误消息

问题描述:

我想要显示一条消息,如果两个单选按钮都不显示。我一直在研究这个话题,但还没有找到适合我的答案。单选按钮验证错误消息

有人可以解释我的代码出了什么问题,以及当这两个复选框都没有选中时,是什么阻止显示消息?

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; 
} 
+0

检查此工作JSFiddle链接https://jsfiddle.net/c2y25uwe/ –

原来,返回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; 
}