Question

我想运行一个Asp.net按钮点击事件（点击后），然后禁用它5秒钟并再次启用它。我使用这个java脚本代码但是没有执行click事件代码。这有什么问题？我是js的新人。

 function lockoutSubmit(button) {
        var oldValue = button.value;

        button.setAttribute('disabled', true);
        button.value = 'Wait 5 sec';

        setTimeout(function () {
            button.value = oldValue;
            button.removeAttribute('disabled');
        }, 5000)
  }

HTML：

 <asp:Button ID="Button1" 
                runat="server" 
                Text="Send" 
                onclientclick="lockoutSubmit(this)" />

Answer 1

你可以试试这个：

function lockoutSubmit(button) {
    var oldValue = button.value;

    setTimeout(function () {
        button.setAttribute('disabled', true);
        button.value = 'Wait 5 sec';
    }, 0);

    setTimeout(function () {
        button.value = oldValue;
        button.removeAttribute('disabled');
    }, 5000);
}

Answer 2

检查一下。 https://jsfiddle.net/9ds9mL1v/5/

$("#Button1").click(function(){
var button =$(this);
  var oldValue = $(this).value;

    button.attr('disabled', true);
    button.value = 'Wait 5 sec';

    setTimeout(function () {
        button.value = oldValue;
        button.removeAttr('disabled');
    }, 5000)


});

禁用Asp.net按钮，然后使用java脚本在5秒后启用它

2 个答案: