How to disable button on click event?

Question

以下代码在IE中不起作用。我需要在Chrome，Firefox和IE中修复此问题

 button.Attributes["disabled"] = "disabled";

Answer 1

You just have to set it's Enabled property to false on serverside:

button.Enabled = false; 

Edit: If button is a link and it doesn't work in other browsers than IE, have a look at following link: http://www.aspnetajaxtutorials.com/2009/05/how-to-enable-or-disable-linkbutton-in.html

<asp:LinkButton ID="lnkTest" runat="server" CommandArgument="1" CommandName="1x"
OnClick="lnkTest_Click">Test</asp:LinkButton>

Style for enabling and Disabling is

<style>
.LnkEnabled
{
cursor: pointer;
}
.LnkDisabled
{
cursor: default;
color: Gray;
}
</style>

javascript function

<script language="javascript">
function EnableLinkButton(ID,flag)
{
   document.getElementById(ID).onclick=function(){return flag;};
   if(!flag)
   { 
      document.getElementById(ID).setAttribute("disabled","disabled");
      document.getElementById(ID).className="LnkDisabled";
   }
   else
   {
      document.getElementById(ID).setAttribute("disabled","");
      document.getElementById(ID).className="LnkEnabled";
   }
}
EnableLinkButton('<%= lnkTest.ClientID %>',false);
</script>

Edit2 : If that doesn't work (haven't tested it), you could also try this:

button.Attributes.Add("onClick", "return !this.disabled;")

Answer 2

 button.Attributes.Add("disabled", "true"); 

Answer 3

$('#button_id').attr('disabled', 'disabled');