asp.net，將JavaScript getElementById設置為linkbutton

Question

即時通訊與C＃使用asp.net。

我有一個gridview，並且有一個TemplateField列。 在TemplateField列中有一個EditItemTemplate，在EditItemTemplate中有一個linkbutton（LinkBut​​ton1）。

我正在嘗試從javascript函數在linkbutton上執行getelementbyid：

document.getElementById("<%= LinkButton1.ClientID %>").disabled = true;

但是在編譯時，出現錯誤：當前上下文中不存在“ LinkBut​​ton1”。

aspx gridview代碼：

<asp:GridView ID="GridView1" runat="server" Height="157px" Width="814px" 
             CellPadding="4" ForeColor="#333333" GridLines="None"
             OnRowEditing="GridView1_RowEditing"
             OnRowCancelingEdit="GridView1_RowCancelingEdit" 
             OnRowUpdating="GridView1_RowUpdating" AutoGenerateColumns="False" 
             OnRowDataBound="GridView1_RowDataBound"
              onrowdeleting="GridView1_RowDeleting" Font-Size="Medium" 
            AllowPaging="True" onpageindexchanged="GridView1_PageIndexChanged" onpageindexchanging="GridView1_PageIndexChanging"     >
            <RowStyle BackColor="#F7F6F3" ForeColor="#333333" />
<Columns>
<asp:TemplateField ShowHeader="False">
<EditItemTemplate>
        <asp:LinkButton ID="LinkButton1" runat="server" CausesValidation="True" CommandName="Update"
            Text="Actualizar" ValidationGroup="upd_validation"></asp:LinkButton>
        <asp:LinkButton ID="LinkButton2" runat="server" CausesValidation="False" CommandName="Cancel"
            Text="Cancelar"></asp:LinkButton>
</EditItemTemplate>      
<ItemTemplate>
        <asp:LinkButton ID="LinkButton3" runat="server" CausesValidation="False" CommandName="Edit"
            Text="Editar"></asp:LinkButton>
        <asp:LinkButton ID="LinkButton4" runat="server" CausesValidation="False" CommandName="Delete"
            Text="Eliminar" CommandArgument='<%# Container.DataItemIndex %>' onclientClick="return ConfirmDelete()"></asp:LinkButton>                         
</ItemTemplate>                
</asp:TemplateField>

我該如何解決？

謝謝。

Answer 1

您可以在LinkBut​​ton中添加一些虛擬的CSS類（例如“ disableLink”），然后使用Jquery，您可以使用以下代碼輕松實現它

  $('.disableLink').each(function (i, obj) { 
      $(this).disabled = true;
      // OR
      $(this).attr('disabled','disabled');
  }

Answer 2

你可以試試看

  $(document).ready(function() {
       $("#<%=grid1.ClientID%> td a").css("visibility","hidden");
  });