JQuery验证至少有一个复选框被选中

Question

我有一个带有一组相关复选框的ASP.NET webform。我想验证当单击提交按钮时，组中至少选中了一个复选框。我尝试过实现两种不同的解决方案，但都没有成功。当我尝试按类名返回选中复选框的长度时，收到0。当我尝试按名称返回ischecked值时，收到false。如果我查看页面的源，复选框具有“checked”属性。有人能检查我的html，让我知道我做错了什么吗？

  <tr>
      <td  colspan="2">
      <asp:CheckBox ID="cbga" runat="server"  CssClass="group1" name="group1[]" Text="A" />
      <asp:CheckBox ID="cbgb" runat="server" CssClass="group1"  name="group1[]" Text="B" />
     <asp:CheckBox ID="cbgc" runat="server" CssClass="group1"  name="group1[]" Text="C" />
</tr>

function ValChk(source, args) {
              var IsChecked = $(".group1:checked").length;//returns zero
           // var IsChecked = $('input[name="group1[]"]').is(':checked'); //returns false
              alert(IsChecked);    
        }

 <asp:CustomValidator ID="cvchks" runat="server" Display="dynamic"   
      ClientValidationFunction="ValChk" ErrorMessage="Please select a code"                                         
></asp:CustomValidator>

Answer 1

工作小提琴演示

我认为您的valchk不会触发。请参阅下面的代码。工作正常。

<input type="checkbox" class="group1" />
<input type="checkbox" class="group1" />
<input type="checkbox" class="group1" />

<input type="button" id="check" />

$(function () {
    $('#check').on('click', function () {
        var IsChecked = !! $('.group1:checked').length;
        alert(IsChecked);
    });
});