Jquery 单选框验证

Question

我可以知道如何验证 jquery 中的单选按钮吗？我需要用户从无线电列表中选择 select 个项目，如果 none 个项目是 select，当他们提交表单时，系统将在标签处显示错误消息。任何帮助将不胜感激。

请查看 jsfiddle 示例。

Jsfiddle :1 Demo

Answer 1

使用$("[name=SUBCLS]:checked").length

$('#submitbutton').click(function (e) {
    if (!$("[name=SUBCLS]:checked").length || $.trim($("#VEHNO").val()) == '') {
        e.preventDefault();
        $("#optionalerrMsg").show();
    }else{
         $("#optionalerrMsg").hide();
    }

});

UPDATED DEMO

Answer 2

DEMO

ids must be always unique in the DOM so input type="radio" cannot have duplicate ids

相反，我向您的 radio 按钮添加了一个 class，下面将是相同的反映：

<input class="rds" type="radio" name="SUBCLS" id="SUBCLS" value="CO" id="CheckboxGroup1_0" style="vertical-align: -2px;" />Comprehensive
<input class="rds" type="radio" name="SUBCLS" value="TF" id="CheckboxGroup1_1" />Third Party Fire &amp; Theft
<input class="rds" type="radio" name="SUBCLS" value="TP" id="CheckboxGroup1_2" />Third Party
<div class="errmsg"></div> <!--A div to display error message-->

在你的 fnValidate()

if(!$(".rds:checked").length)
{
      $(".errmsg").text('Please select a value from radio')
}

Answer 3

你可以简单的使用$("[name='SUBCLS']").is(":checked") 像这样：

$(document).ready(function () {
    $('#submitbutton').click(function (e) {
        var res = $("[name='SUBCLS']");
        if (!res.is(":checked")) {
            fnValidate();
        }
    });
});

Jquery 单选框验证

Jquery validation for radio box

javascript

validation

jquery

radio-button