Question

我想使用jquery验证asp.net中的单选按钮列表，其中我在子页面中有单选按钮列表，当用户从不选择任何选项时我需要显示警告框

以下是我尝试过的代码。

$(function(){ 
    $("#<%=btnSave.ClientID %>").click(function(){
          var v=$("#<%=rdTax.ClientID %>input:checked").val(); 
     }); 
});

Answer 1

您的代码应该是这样的

$(function(){ 
    $("#<%=btnSave.ClientID %>").click(function(){
          var v=$("#<%=rdTax.ClientID %> input:checked").length;
          if(v==0)
             alert('Not checked any radio button');
     }); 
});

或更好，你可以尝试这个

$(function(){ 
    $("[id$=btnSave]").click(function(){
          var v=$("[id$=rdTax]").find("input:checked").length;
          if(v==0)
             alert('Not checked any radio button');
     }); 
});

Answer 2

使用长度检查是否选中了任何单选按钮，如果未选择任何按钮，则长度为零

$('input[type=radio][name=radiobuttonlistID]:checked').length

并使用 prop 来检查或取消选中

$('input[type=radio][name="radiobuttonlistID"]').prop('checked', false);

Answer 3

验证单选按钮的简便方法可以根据需要设置默认选择的单选按钮。我认为这是验证单选按钮的最佳方式。

如果您想使用jquery验证插件，请参阅链接：

http://jquery.bassistance.de/validate/demo/radio-checkbox-select-demo.html

我想使用jquery在asp.net中验证单选按钮列表

3 个答案: