javascript - 使用jQuery在短时间内禁用提交按钮？

Question

[我对 jQuery 很陌生，所以如果我做错了，请不要怪我]

我一直在这里浏览关于“点击后禁用提交按钮”的问题。好的，周围有很多这些东西，但我无法找到如何在有限的时间内禁用它。例如 20 秒。

也许我是白痴，但如何？

[我只有一个简单的 html 表单]

Answer 1

var enableSubmit = function(ele) {
    $(ele).removeAttr("disabled");
}

$("#submit").click(function() {
    var that = this;
    $(this).attr("disabled", true);
    setTimeout(function() { enableSubmit(that) }, 1000);
});

演示：http: //jsfiddle.net/pHxF2/2/

Answer 2

我知道这个问题得到回答已经有好几年了，但是我在让它工作时遇到了一些问题。我得到了类似的东西为我工作：

var enableBtn = function() {
        $('.btn').attr("disabled", false);
        }
        $('.second').click(function (){
            var that = this;
            $('.second').attr("disabled", true);
            setTimeout(function() { enableBtn(that) }, 1500);
        });
        $('.main').click(function (){
            var that = this;
            $('.main').attr("disabled", true);
            setTimeout(function() { enableBtn(that) }, 1500);
        });
        $('.disableall').click(function (){
            var that = this;
            $('.btn').attr("disabled", true);
            setTimeout(function() { enableBtn(that) }, 1500);
        });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="button" class="btn main" value="disable this">
<input type="button" class="btn second" value="disable this">
<input type="button" class="btn disableall" value="disable all">