当前位置: 编程技术>.net/c#/asp.net
asp.net点击按钮后禁用提交的代码
来源: 互联网 发布时间：2014-08-30
本文导语: 为了不让用户连续的点击某按钮，我们会选择将其在点击后禁用。 一、让按钮在点击后用脚本使其禁用： 代码如下: function enableButton(flag) { $("#btnTest").attr("disabled", flag? "" : "disabled"); } $(document).ready( function () { ...
为了不让用户连续的点击某按钮，我们会选择将其在点击后禁用。
一、让按钮在点击后用脚本使其禁用：
代码如下:
function enableButton(flag) {
$("#btnTest").attr("disabled", flag? "" : "disabled");
}
$(document).ready(
function () {
$("#btnTest").click(
function () {
enableButton( false );//点击后禁用
}
);
}
);
然而事实很遗憾的告诉我们这种方式行不通：页面根本不会回发。于是，不得不寻找其他方式。
代码如下:
function enableButton(flag) {
$("#btnTest").attr("disabled", flag? "" : "disabled");
}
$(document).ready(
function () {
$("#btnTest").click(
function () {
enableButton(false);
$("#btnTest2").click();//禁用掉自身并调用真正触发回发的按钮的click事件
}
);
}
);
最后再介绍一种方式：
三、利用setTimeout实现
代码如下:
function enableButton(flag) {
$("#btnTest").attr("disabled", flag? "" : "disabled");
}
$(document).ready(
function () {
$("#btnTest").click(
function () {
setTimeout(function () {
enableButton(false);
},
50);
}
);
}
);
这样不用引入辅助控件我们也实现了需求。
注：为了更好的观察试验效果，可以在按钮的Click时间处理函数中Sleep几秒。
当然可以使用 jquery 的 unbind 与 bind 函数实现对它的click 事件移除或者添加操作。
您可能感兴趣的文章:
本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术，将尽最大努力为读者提供更好的信息聚合和浏览方式。
本站(WWW.)站内文章除注明原创外，均为转载、整理或搜集自网络。欢迎任何形式的转载，转载请注明出处。
本站(WWW.)站内文章除注明原创外，均为转载、整理或搜集自网络。欢迎任何形式的转载，转载请注明出处。