asp.net下按鈕點擊后禁用的實現代碼

來源：懂視網責編：小采時間：2020-11-27 22:42:59

asp.net下按鈕點擊后禁用的實現代碼

asp.net下按鈕點擊后禁用的實現代碼:一、讓按鈕在點擊后用腳本使其禁用：代碼如下:<%@ Page Language=C# AutoEventWireup=true CodeBehind=WebForm1.aspx.cs Inherits=DisableButton.WebForm1 %> <!DOCTYPE html PUBLIC

推薦度：

點擊下載本文 文檔為doc格式

導讀asp.net下按鈕點擊后禁用的實現代碼:一、讓按鈕在點擊后用腳本使其禁用：代碼如下:<%@ Page Language=C# AutoEventWireup=true CodeBehind=WebForm1.aspx.cs Inherits=DisableButton.WebForm1 %> <!DOCTYPE html PUBLIC

一、讓按鈕在點擊后用腳本使其禁用：
代碼如下:


<%@ 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"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head runat="server"> 
<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 );//點擊后禁用 
} 
); 
} 
); 
</script> 
</head> 
<body> 
<form id="form1" runat="server"> 
<div> 
<asp:Button ID="btnTest" Text="點擊后禁用" runat="server" OnClick="Test" /> 
</div> 
</form> 
</body> 
</html> 
 
然而事實很遺憾的告訴我們這種方式行不通：頁面根本不會回發。于是，我們不得不尋找其他方式。 
 代碼如下:
<%@ 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"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head runat="server"> 
<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();//禁用掉自身并調用真正觸發回發的按鈕的click事件 
} 
); 
} 
); 
</script> 
</head> 
<body> 
<form id="form1" runat="server"> 
<div> 
<input type="button" value="點擊后禁用" id="btnTest" /> 
<asp:Button ID="btnTest2" Text="點擊后禁用" runat="server" OnClick="Test" style="display:none"/> 
</div> 
</form> 
</body> 
</html> 
 
這樣一來我們的目的達到了。最后再介紹一種方式：三、利用setTimeout實現 
 代碼如下:
<%@ 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"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head runat="server"> 
<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> 
</head> 
<body> 
<form id="form1" runat="server"> 
<div> 
<asp:Button ID="btnTest" Text="點擊后禁用" runat="server" OnClick="Test"/> 
</div> 
</form> 
</body> 
</html> 
 
這樣不用引入輔助控件我們也實現了需求。 
注：為了更好的觀察試驗效果，可以在按鈕的Click時間處理函數中Sleep幾秒。 
當然可以使用 jquery 的 unbind 與 bind 函數實現對它的click 事件移除或者添加操作.
 
 




聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

asp.net下按鈕點擊后禁用的實現代碼

推薦度：

點擊下載本文 文檔為doc格式

標簽：點擊實現代碼

熱門焦點

asp.net下按鈕點擊后禁用的實現代碼

asp.net下按鈕點擊后禁用的實現代碼

asp.net下按鈕點擊后禁用的實現代碼

最新推薦

猜你喜歡

熱門推薦