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

Question

我正在尝试验证一个单选按钮分配一个 css。因为它是一个服务器控件，我只能分配一种方式，但是当我使用 jquery 检查时，它实际上是将该类附加到表而不是 radio 组。

这是我的代码

      <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 类附加到表格编号到保存值的单选按钮组。我们该如何解决这个问题

Answer 1

使用子选择器 input 应该能够判断它的值是否为空:

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

但是，我假设您想检查是否只选择了一个单选按钮？如果那是真的，我相信你想要的条件语句是:

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