javascript - 单击时使用 javascript 禁用 aspx 中的按钮并从代码隐藏中启用它

Question

我希望当用户单击按钮时将其禁用，并在完成工作后从后面的代码中启用它

我使用下面的代码，但禁用它然后启用它，因为页面再次加载并且不会从后面的代码调用按钮事件单击

ASPX

<asp:ScriptManager runat="server"></asp:ScriptManager>
<asp:UpdatePanel runat="server" id="UpdatePanel" updatemode="Conditional">
    <ContentTemplate>
        <div>
            <asp:Button runat="server" ID="btnReg" OnClick="reg_Click" OnClientClick="disableButton();" Text="Click On Me..." />
        </div>
    </ContentTemplate>
    <Triggers>
        <asp:AsyncPostBackTrigger ControlID="btnReg" EventName="Click" />
    </Triggers>
</asp:UpdatePanel>

JavaScript

function disableButton() 
{
    document.getElementById("<%=btnReg.ClientID%>").disabled = true;
}

隐藏代码

protected void reg_Click(object sender, EventArgs e)
{
    //do work
    btnReg.Enabled = true;
}

Answer 1

使用 JavaScript 禁用按钮，如下所示:

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

从代码隐藏中启用它，如下所示:

//after doing some logic 

btnReg.Enabled = true;
UpdatePanel.Update();

有关信息，请阅读 this

$(function() {    
  function doosomething()
  {
    document.getElementById("<%=btnReg.ClientID%>").enabled= true;
  }
};

从代码隐藏中禁用按钮后立即调用此函数，如下所示:

System.Web.UI.ScriptManager.RegisterClientScriptBlock(Page, typeof(Page), "Script", "doosomething();", true);