Question

我需要一个功能来禁用此按钮：

<button type="submit" 
        title="Place Order" 
        class="button btn-checkout" 
        onclick="review.save();"><span><span>Place Order</span></span>
</button>

我正在考虑在onclick上的review.save之前调用它。我应该删除onclick属性并将其设为click事件处理程序并在那里执行吗？

有些客户按下按钮两次并收到重复的订单和费用。我应该禁用表单的提交吗？如何处理这个问题的最佳方法是什么？这是Magento One Page Checkout。

Answer 1

老派在这里工作得很好。

<button type="submit" 
        title="Place Order" 
        class="button btn-checkout" 
        onclick="review.save();this.disabled = 'disabled';"><span><span>Place Order</span></span>
</button>

Answer 2

禁用onclick;）

$('.btn-checkout').attr('onclick','return false');

Answer 3

您可以通过设置disabled属性来禁用该按钮。

$(".btn-checkout").attr("disabled", "disabled");

Answer 4

您可以通过运行以下来禁用该按钮：

$(".btn-checkout").attr('disabled', 'disabled');

Answer 5

如果是Magento，它是原型而不是jquery。因此：

$$('.button').each(function(elmt) {
elmt.observe('click', function(ev) {
        ev.target.disabled='disabled';
});
});

这应该禁用 - 一旦点击页面上的所有按钮。

Answer 6

我建议使用jQuery：

$(document).ready(function() {
    $('button.btn-checkout').click(function(e) {
        $(this).attr('disabled', 'disabled');
        review.save();
    });
});

on save回调（取决于它实际执行的操作），您可以再次启用该按钮。

jQuery按类名禁用按钮

6 个答案: