禁用按钮不断重新启用从另一个按钮提交的表单

Question

我在 FORM 标记中有三个提交按钮。它们都有 type="submit" 的类型，因为它们都以一种或另一种方式操作 MySQL 数据库。

• 加载按钮
• 转储按钮
• 发布按钮

当点击发布按钮时，我正在禁用加载按钮：

<input type="submit" id="postpayment" name="postpayment" class="btn btn-primary" value="Post" onclick="document.getElementById('load').disabled='disable';">

但只要它禁用，它就会重新启用。我怎样才能让它保持禁用状态？我尝试过 JavaScript 和 JQuery，但没有任何效果。如果我将加载按钮的类型更改为 type="button"，它将保持禁用状态。但是因为它是 type="submit"，所以它会一直恢复为启用状态。这让我发疯！有人可以提供解决方案吗？谢谢。

更新：根据 Deavid 的建议，我已经这样做了：

<script>
    $(function () {
        $(#postpayment).click(function (event) {
            (#load).attr('disabled', true);
            event.preventDefault();
        }) 
    });
</script>

当点击发布按钮时，加载按钮应该被禁用并且默认操作被阻止。但这行不通。我知道这个 JQuery 函数是错误的，但我不知道如何修复它。

Answer 1

简单的解决方案是在您的 onclick 中添加 return false;

<input type="submit" id="postpayment" name="postpayment" class="btn btn-primary" value="Post" onclick="document.getElementById('load').disabled='disable';return false;">

但是，如果您想像在问题中那样使用 jQuery 附加点击处理程序，您可以这样做：

$(function () {
    $('#postpayment').click(function (event) {
        event.preventDefault();
        $('#load').prop('disabled', true);
        // Your ajax here!
    });
});