检查gridview中是否选中了复选框,然后显示工具提示

时间:2015-09-16 07:57:55

标签: c# jquery asp.net jquery-ui

我在asp.net c#应用程序中使用网格视图和链接按钮,如下面的代码行。

<asp:LinkButton ID="lnkSaveTop" title="Send Mail" Style="float: right" CssClass="btn btn-u"  data-rel="tooltip"  ToolTip="Send Email"
                data-container="body" data-toggle="popover" data-placement="top"
                data-content="Select Mail then Click to Send..." OnClick="BtnSend_Click"
                OnClientClick="alert()" runat="server">Send Mail</asp:LinkButton>

    <asp:GridView ID="grdNotificationSystem" CssClass="table table-hover table-bordered table-striped"
            AutoGenerateColumns="false" runat="server" DataKeyNames="NotificationSystemID"
            OnRowDataBound="grdNotificationSystem_RowDataBound" OnRowCommand="grdNotificationList_RowCommand">
            <Columns>
                <asp:TemplateField HeaderText="Select">
                    <ItemTemplate> 
                            <label class="checkbox" >
                                <asp:CheckBox runat="server" ID="chkRow" /><i></i> &nbsp;</label>

                        <asp:ImageButton ID="ImgBtncommand" runat="server" CausesValidation="false" Visible="false"
                            CommandArgument='<%# Bind("NotificationSystemID") %>' />
                    </ItemTemplate>
                </asp:TemplateField>
              ...
              ...
              </columns>
          <asp:GridView/>

现在我希望如果选中任何复选框,则应发送邮件,否则发送按钮&#34; lnkSaveTop&#34;应该被禁用或不可点击,然后工具提示消息&#34;选择邮件然后点击发送...&#34;应该弹出这个按钮。请帮帮我!!!

1 个答案:

答案 0 :(得分:0)

请试一试。

$(function() {
     if (!($('#<%= grdNotificationSystem.ClientID %> tr td').find('input:checkbox').is(':checked'))) {
         $('#<%= lnkSaveTop.ClientID%>').attr('disabled', true).attr('title', 'Select Mail then Click to Send...');
     }
 });

 $('#<%= grdNotificationSystem.ClientID %> tr td').find('input:checkbox').on('change', function() {
     if ($(this).is(':checked')) {
         $('#<%= lnkSaveTop.ClientID%>').prop('disabled', false).attr('title', '');
     } else {
         $('#<%= lnkSaveTop.ClientID%>').prop('disabled', true).attr('title', 'Select Mail then Click to Send...');
     }

 });