付费时更改按钮文本

Change button text when paid

本文关键字：按钮 文本      更新时间：2023-09-26

嗨，我正在尝试使按钮动态，当用户点击"Pay me"按钮并成功进行付款时，按钮文本应更改为"Pay"。

请告诉我该怎么做？

我的按钮：

<button id="payme">Pay me</button>

通常情况下，您会有这样的东西：

$('#payme').on('click', function () {
    $(this).html = "paid";
});

您如何知道付款成功？。你在使用ajax吗？如果您使用的是jQuery-ajax，您可以在ajax成功块中调用changeText函数。此片段仅用于演示，您可以相应地更改

function changeText(){
var x =document.getElementById('payme');
x.innerHTML="Paid";
}
setTimeout(function(){
$.ajax({
 url:"https://httpbin.org/get", // Relevant url to validate the sucessfull payment
    success:function(response){
    changeText();
    },
    error:function(response){
   }
})
},2000);

jsfiddle

要在点击事件后更改按钮的文本，请使用jquery text()函数：

$('#payme').click(function () {
    $(this).text("Paid");
});

对于付款过程，你必须解释更多。

希望这能有所帮助。

相关文章：