jquery - 如何使用 jQuery 自动更改按钮文本？

Question

我想更改按钮文本:单击按钮时，它必须显示“添加”，2-3 秒后我需要它显示“已添加”。

这里是一个示例代码:

jQuery(document).ready(function($) {

    $('.addcartbtn').toggle(function() {
        $(this).val('Adding');
    },

    // How to make the button text automatically change after 3 seconds?
    function() {
        $(this).val('Added');
    });

});

Answer 1

Example

我为你做了一把 fiddle 。有一个示例，其中包含您可能需要的两种情况，因为您没有正确解释您拥有哪种按钮。看看吧

JS

// This one works for <input> tags
$('input.addcartbtn').click(function(e){
    $(this).val('Adding..');
    setTimeout(function(){
       $(e.target).val('Clicked!');
    }, 3000);
});

// This one works for <button> tags
$('button.addcartbtn').click(function(e){
   $(this).text('Adding..');
   setTimeout(function(){
       $(e.target).text('Clicked!');
    }, 3000);
});

HTML

如果您有输入标签

<input type="submit" class="addcartbtn" value="Click Me" />

如果您有按钮标签

<button class="addcartbtn">Click me</button>