使用jquery使用复选框验证转发器(检查至少一个复选框)

时间:2012-11-19 12:23:06

标签: jquery asp.net repeater

在asp.net中我使用带有checkbox作为childnode的repeator,它由数据库动态填充。我需要使用jquery检查至少一个复选框并显示message.how以便任何人帮助我。

我的重复代码

  <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>

1 个答案:

答案 0 :(得分:1)

最简单的方法是将CssClass attrtibute与一些唯一值放在所有这些复选框中,然后使用jQuery选择器检查是否有任何选中<​​/ p>

.....
<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手册页。