first, let the button after clicking on the script to disable it:
Copy CodeThe code is as follows:
<%@ Page language= "C #" autoeventwireup= "true" codebehind= "WebForm1.aspx.cs" inherits= "Disablebutton.webform1"% >
<! DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 transitional//en" "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<title></title>
<script type= "Text/javascript" src= "Scripts/jquery-1.4.1.min.js" ></script>
<script type= "Text/javascript" >
function Enablebutton (flag) {
$ ("#btnTest"). attr ("Disabled", flag?) "": "Disabled");
}
$ (document). Ready (
function () {
$ ("#btnTest"). Click (
function () {
Enablebutton (FALSE),//Click to disable
}
);
}
);
</script>
<body>
<form id= "Form1" runat= "Server" >
<div>
<asp:button id= "btntest" text= "After clicking Disable" runat= "Server"/>
</div>
</form>
</body>
But the fact is sadly telling us that this is not going to work: the page will not be sent back at all. So, we have to look for other ways.
Copy CodeThe code is as follows:
<%@ Page language= "C #" autoeventwireup= "true" codebehind= "WebForm1.aspx.cs" inherits= "Disablebutton.webform1"% >
<! DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 transitional//en" "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<title></title>
<script type= "Text/javascript" src= "Scripts/jquery-1.4.1.min.js" ></script>
<script type= "Text/javascript" >
function Enablebutton (flag) {
$ ("#btnTest"). attr ("Disabled", flag?) "": "Disabled");
}
$ (document). Ready (
function () {
$ ("#btnTest"). Click (
function () {
Enablebutton (FALSE);
$ ("#btnTest2"). Click ()//disable itself and invoke the Click event of the button that actually triggers the postback
}
);
}
);
</script>
<body>
<form id= "Form1" runat= "Server" >
<div>
<input type= "button" value= "After clicking Disable" id= "btntest"/>
<asp:button id= "BtnTest2" text= "After clicking Disable" runat= "server" style= "Display:none"/>
</div>
</form>
</body>
So our purpose is achieved. Finally, we introduce a way: three, using settimeout to realize
Copy CodeThe code is as follows:
<%@ Page language= "C #" autoeventwireup= "true" codebehind= "WebForm1.aspx.cs" inherits= "Disablebutton.webform1"% >
<! DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 transitional//en" "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<title></title>
<script type= "Text/javascript" src= "Scripts/jquery-1.4.1.min.js" ></script>
<script type= "Text/javascript" >
function Enablebutton (flag) {
$ ("#btnTest"). attr ("Disabled", flag?) "": "Disabled");
}
$ (document). Ready (
function () {
$ ("#btnTest"). Click (
function () {
settimeout (function () {
Enablebutton (FALSE);
},
50);
}
);
}
);
</script>
<body>
<form id= "Form1" runat= "Server" >
<div>
<asp:button id= "btntest" text= "After clicking Disable" runat= "Server"/>
</div>
</form>
</body>
This allows us to implement the requirements without introducing a secondary control.
Note: In order to better observe the effect of the experiment, you can sleep a few seconds in the Click Time Processing function of the button.
Of course, you can use jquery's unbind and bind functions to implement the Click event Removal or add operation.
