在按钮上单击更改文本并使用jquery禁用该按钮 [英] on button click change text and disable the button using jquery

查看:67
本文介绍了在按钮上单击更改文本并使用jquery禁用该按钮的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我试过以下代码



$(function(){



$(# btnDbBackup)。点击(function(){



$(#btnDbBackup)。html(数据正在备份。请稍等。) ;

$(#btnDbBackup)。prop(disabled,true);

prc_prod_database_backup();



});



prc_prod_database_backup = function(){

$ .ajax({

键入:POST,

url:DataBaseBackup.aspx / prc_prod_database_backup,

contentType:application / json; charset = utf-8,

dataType:json,



成功:函数(msg){



/ / alert(abc);

},

complete:function(msg){

$(#btnDbBackup)。prop (禁用,false);

$(#btnDbBackup)。css({cursor:default});

$(#btnDbBackup )。html(备份);

alert(abc);

},

错误:function(requestObject,error ,呃rorThrown){

}

});



}

}) ;



它正确地改变了文本,但是当函数完成它的执行时,按钮在结束时被禁用。

所以我必须写,任何人都可以帮助我

I have tried following code

$(function () {

$("#btnDbBackup").click(function () {

$("#btnDbBackup").html("Data is being backed up. Please wait a moment.");
$("#btnDbBackup").prop("disabled", true);
prc_prod_database_backup();

});

prc_prod_database_backup = function () {
$.ajax({
type: "POST",
url: "DataBaseBackup.aspx/prc_prod_database_backup",
contentType: "application/json; charset=utf-8",
dataType: "json",

success: function (msg) {

// alert("abc");
},
complete: function (msg) {
$("#btnDbBackup").prop("disabled", false);
$("#btnDbBackup").css({ "cursor": "default" });
$("#btnDbBackup").html(" Backup");
alert("abc");
},
error: function (requestObject, error, errorThrown) {
}
});

}
});

It's change text properly , but button is disable at the end when function completes it's execution.
so what I have to write, can anyone help me

推荐答案

(function(){


(function () {


( #btnDbBackup)。点击(function(){


("#btnDbBackup").click(function () {


(#btnDbBackup)。html(数据正在备份。请稍等。);
("#btnDbBackup").html("Data is being backed up. Please wait a moment.");


这篇关于在按钮上单击更改文本并使用jquery禁用该按钮的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆