jQuery在第二次单击时禁用按钮功能答案

【问题标题】：jQuery Disable Button function on second clickjQuery在第二次单击时禁用按钮功能
【发布时间】：2013-10-28 16:55:43
【问题描述】：

我试图阻止用户两次单击页面上的按钮，所以我一直在做的是在单击一次后用 jQuery 隐藏该按钮。但是有没有办法在单击一次后隐藏该按钮以使用 jQuery 禁用该按钮？

我试过了

$(document).ready(function () {
    $('#onClickHideButton').click(function () {
        $(this).prop('disabled', true);
    });
});

但我在使用此功能时遇到的问题是，一旦单击按钮，它就会在有机会提交表单之前被禁用，因此表单永远不会被提交。

【问题讨论】：

您的表单提交的具体情况如何？你上面有<input type="submit">，还是使用函数提交？如果是第一个，你应该没有问题。如果是后者，只需在禁用按钮后调用该函数即可。

标签： javascript jquery

【解决方案1】：

为什么不在提交表单时禁用按钮，因为那是你真正想要做的......

$('#myForm').on('submit', function () {
    $('#myButton').prop('disabled', true);
});

【讨论】：

【解决方案2】：

不要使用提交按钮，只需使用一个简单的按钮并手动发送表单提交。

<input type="button" id="onClickHideButton" value="Submit"/>

$('#onClickHideButton').click(function () {
     $(this).prop('disabled', true);
     $('#myform').submit();
});

或者您可以在提交表单时禁用该按钮

$('#myform').on('submit', function(e) { 
    $('#onClickHideButton').prop('disabled',true);
});

【讨论】：