使用无线电组验证表单不起作用

Question

我正在尝试验证一个包含一些选择和一个单选组的表单。如果未选择某些内容，则会出现一个弹出窗口。否则，应显示下一个屏幕。我的问题是验证单选组，其中每个按钮都有一个关联的值。

我查看了许多有关用户希望确定按钮是否已被选中的单选组/按钮的问题。这些都不起作用。使用我目前拥有的代码，即使选择了单选按钮，我也会得到一个弹出窗口。任何建议都会受到欢迎。提前致谢。

if($("#radio").is(':checked') && $("#one").val() != "" && $("#two").val() != "" && $("#three").val() != "" && $("#four").val() != "" && $("#five").val() != ""){
    $("#next").show();
}
else
    alert("You muct fill out all fields);

Answer 1

您的语法对于检查单选按钮验证无效。您应该使用：

if(!$("input[name='name_of_radio_buttons']:checked").val())
       alert('Nothing is checked!');

更新：

if($("input[name='name_of_radio_buttons']:checked").val() && $("#one").val() != "" && $("#two").val() != "" && $("#three").val() != "" && $("#four").val() != "" && $("#five").val() != ""){
$("#next").show();
}
else
alert("You muct fill out all fields);

Answer 2

像这样验证复选框：

if ($('#isAgeSelected :checked').size() > 0) {

$("#txtAge").show(); 

} 否则 {

$("#txtAge").hide();

}