Question

我在FORM标签中有三个提交按钮。它们都是＃=＆＃34;提交＆＃34;因为每个人都以某种方式操纵MySQL数据库。

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

单击“发布”按钮后，我将禁用“加载”按钮：

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

但是只要它禁用，它就会重新启用。如何让它保持禁用状态？我尝试过JavaScript和JQuery，但没有任何效果。如果我将“加载”按钮的类型更改为键入=＆＃34;按钮＆＃34;，则它将保持禁用状态。但是因为它的类型=＆＃34;提交＆＃34;，然后它不断恢复为启用。这让我疯了！有人可以提供解决方案吗？感谢。

更新：根据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附加click处理程序，你可以这样做：

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

已禁用按钮会在另一个按钮

1 个答案: