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

本文关键字：然后 显示 工具提示 gridview 复选框 是否 检查 | 更新日期: 2023-09-27 18:13:01

我在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/>

现在我想如果任何复选框被选中，那么邮件应该发送，否则发送按钮"lnkSaveTop"应该被禁用或不可点击，然后工具提示的消息"选择邮件，然后点击发送…"应该在这个按钮上弹出。请帮帮我!!

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

请尝试一下。

$(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...');
     }
 });
相关文章：