如何将按钮点击后禁用

来源：互联网发布：c语言文件加密编辑：程序博客网时间：2024/05/16 08:17

1.按钮的id为btnzhuce
==》控制按钮为禁用：
$("#btnzhuce").attr({"disabled":"disabled"});
==》控制按钮为可用
$("#btnzhuce").removeAttr("disabled");//将按钮可用

2.
<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>
然而事实很遗憾的告诉我们这种方式行不通：页面根本不会回发。于是，我们不得不寻找其他方式。
二、让回发的按钮退居二线:
<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>
<input type="button" value="点击后禁用" id="btnTest" />
<asp:Button ID="btnTest2" Text="点击后禁用" runat="server" OnClick="Test" style="display:none"/>
这样一来我们的目的达到了。最后再介绍一种方式：三、利用setTimeout实现
<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>
<asp:Button ID="btnTest" Text="点击后禁用" runat="server" OnClick="Test"/>