使用JavaScript隐藏中继器内单击的按钮

Question

我有一个中继器，里面有几个控件，其中一个是名为lbtn_reconfirm的LinkButton。

我想做的是只隐藏使用JavaScript单击的lbtn_reconfirm。我应该说中继器在一个名为fv_Contract的Formview中。为了执行隐藏，很难获得控件的ID。

<asp:Repeater ID="rptr_1" runat="server" OnItemDataBound="rptr_1_ItemDataBound">
<ItemTemplate>
<div class="row ">
<div class="col-lg-3">
<asp:LinkButton ID="lbtn_reconfirm" runat="server" CssClass="col-lg-6" Text="Reconfirm" OnClick="lbtn_reconfirm_Click" CommandArgument='<%# Eval("ScheduleID") %>'></asp:LinkButton>
</div>
</div>
</ItemTemplate>
<SeparatorTemplate>
<hr />
</SeparatorTemplate>
<FooterTemplate>
<div id="noRecords" runat="server" visible="false">
<div class="alert alert-danger">No schedules have been assigned.</div>
</div>
</FooterTemplate>
</asp:Repeater>

Answer 1

您可以使用以下代码将onclick处理程序添加到按钮

document.getElementById('lbtn_reconfirm').onclick = function hide() {
document.getElementById('lbtn_reconfirm').style = "visiblity: hidden";
}