如何将css类分配给单选按钮列表中的单选按钮组?

时间:2014-02-25 21:46:59

标签: javascript jquery html asp.net css

我正在尝试验证radionbutton分配css。由于它是一个服务器控件,我只能指定一种方式但是当我使用jquery检查时,它实际上是将该类附加到表而不是无线电组。

这是我的代码

      <asp:RadioButtonList CssClass="required"  ID="rdb_studysubj"  runat="server" OnSelectedIndexChanged="rdb_studysubj_SelectedIndexChanged">
                            <asp:ListItem  Value="Humans">Humans</asp:ListItem>
                            <asp:ListItem Value="Non-Human primates">Non-Human primates</asp:ListItem>
                            <asp:ListItem Value="Rodents">Rodents</asp:ListItem>
                            <asp:ListItem Value="Others">Others</asp:ListItem>
                        </asp:RadioButtonList>

当我使用此jquery验证它时显示无效

       function WebForm_OnSubmit() {
      if($('.required').val()==null) {              
         $("#validation_dialog").dialog({
             title: "Validation Error!",
             modal: true,
             resizable: false,
             buttons: {
                 Close: function () {
                     $(this).dialog('close');
                 }
             }
         });
         return false;
     }
     return true;
 }

因为css类附加到表no,而不是保存值的单选按钮组。我们如何解决这个问题

1 个答案:

答案 0 :(得分:0)

使用子选择器输入应该能够判断它的值是否为null:

if ($('.required input').val() == null) {

但是,我假设您要检查是否只选择了其中一个单选按钮?如果这是真的,我相信你想要的条件陈述是:

if ($('.required input:checked').length > 0) {