Question

您好我正在尝试按钮动态，当用户点击“付我”按钮并成功继续付款时，按钮文字应更改为“付费”。

请告诉我该怎么做？

我的按钮：

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

Answer 1

您如何知道付款成功？你在用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

Answer 2

通常你会有这样的事情：

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

Answer 3

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

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

对于付款流程，您需要解释更多。

希望这有帮助。

付款时更改按钮文字

3 个答案: