asp.net下按钮点击后禁用的实现代码
2018-10-12 13:53
621 查看
一、让按钮在点击后用脚本使其禁用:
然而事实很遗憾的告诉我们这种方式行不通:页面根本不会回发。于是,我们不得不寻找其他方式。
这样一来我们的目的达到了。最后再介绍一种方式:三、利用setTimeout实现
这样不用引入辅助控件我们也实现了需求。
注:为了更好的观察试验效果,可以在按钮的Click时间处理函数中Sleep几秒。
当然可以使用 jquery 的 unbind 与 bind 函数实现对它的click 事件移除或者添加操作.
<%@ 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 事件移除或者添加操作.
相关文章推荐
- asp.net下按钮点击后禁用的实现代码
- asp.net后台代码实现点击按钮动态添加table的一行
- [ASP.NET]如何点击按钮弹出新窗口,输入数据后返回并刷新页面?(C#代码)
- ASP.NET----实现点击按钮或链接弹出登录对话框
- asp.net 点击按钮,页面没有任何变化,后台代码不触发
- ASP.NET UpdatePanel实现点击按钮无刷新且执行js脚本
- ASP.NET后台代码方式识别页面“按钮点击”和浏览器F5“刷新”事件
- ASP.NET后台代码方式识别页面“按钮点击”和浏览器F5“刷新”事件
- 点击图片,AJAX删除后台图片文件的实现代码(asp.net)
- ASP.NET后台代码方式识别页面“按钮点击”和浏览器F5“刷新”事件
- Asp.net点击按钮弹出文件夹选择框的实现(网页利用ActiveX)
- asp.net点击 查看更多 实现无刷新加载的实现代码
- asp.net 点击按钮后置灰,防止重复提交的代码!
- 一个窗口里包含一个iframe,点击iframe内的submit按钮,返回的视图总是显示在iframe中,我想要的效果是点击按钮后返回的视图是在浏览器窗口中...?asp.net mvc 的action中,不用js怎么实现??????????
- asp.net点击按钮弹出文件夹选择框的实现(网页)
- ASP.NET UpdatePanel实现点击按钮无刷新且执行js脚本
- asp.net点击 查看更多 实现无刷新加载的实现代码
- ASP.NET后台代码方式识别页面“按钮点击”和浏览器F5“刷新”事件