使用jQuery验证中继器复选框(至少选中一个复选框)

Question

asp.net 我正在使用带有复选框的重复器作为由数据库动态填充的子节点。我需要使用 jquery 选中至少一个复选框并显示消息。如何请任何人帮助我.

我的重复器代码

  <asp:Repeater ID="id_repSearch" runat="server">
     <HeaderTemplate>
        <table style="border: 1px solid #465c71;" cellpadding="5" width="100%">
           <tr style="background-color: #465c71; color: White" align="center">
               <td width="20%" align="center">Firstname</td>
               <td width="20%" align="center">Lastname</td>
               <td width="40%" align="center">Emailid</td>
               <td width="35%" align="center">Mobileno</td>
           </tr>
         </table>
      </HeaderTemplate>
      <ItemTemplate>
         <table width="100%">
           <tr style="background-color: FFECD8">
               <td><asp:CheckBox ID="id_chkSearch" runat="server" /></td>
               <td width="20%" align="left">
                  <%# DataBinder.Eval(Container.DataItem, "c_first_name") %></td>
               <td width="20%" align="left">
                  <%# DataBinder.Eval(Container.DataItem, "c_last_name") %></td>
               <td width="40%" align="left">
                  <%# DataBinder.Eval(Container.DataItem, "c_email_id") %></td>
               <td width="20%" align="left">
                  <%# DataBinder.Eval(Container.DataItem, "c_mobile_phone") %></td>
           </tr>
           <asp:HiddenField ID="hiddenuserid" runat="server" Value='<%#Eval("n_user_id") %>' />
           <asp:HiddenField ID="hiddenemail" runat="server" Value='<%#Eval("c_email_id") %>' />
           <asp:HiddenField ID="hiddenname" runat="server" Value='<%#Eval("c_first_name") %>' />
       </ItemTemplate>
       <SeparatorTemplate>
            <tr>
               <td>
                   <hr />
               </td>
            </tr>
        </SeparatorTemplate>
  </asp:Repeater>

Answer 1

最简单的

方法是将具有一些唯一值的CssClass属性放入所有这些复选框中，然后使用jQuery选择器检查是否选择了任何

复选框

.....
<ItemTemplate>
    <tr style="background-color: FFECD8">
    <td>
        <asp:CheckBox ID="id_chkSearch" runat="server" CssClass="i_am_unique_class_name"/>
    </td>
 .....

和jQuery：

$('.i_am_unique_class_name:checked').length //gives you the number of selected checkboxes with attached class

有关详细信息，请参见CssClass、.length和:checked手册页。