jQueryのクラス名

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属性を削除して、それをクリックイベントハンドラにしてそこで行うべきですか？

一部のお客様は、ボタンを2回押して、重複した注文と料金を請求しています。 フォームの送信も無効にする必要がありますか？これを処理するにはどうすればよいでしょうか？これはMagento One Page Checkoutです。

Answer 1

を、私はjQueryのを使用することをお勧めします

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

コールバックsaveにボタンを有効にすることができます（それが実際に何をすべきかに依存します）再び。

Answer 2

オールドスクールはここでうまくいきます。

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

Answer 3

のonclickを無効にしてください;）

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

Answer 4

あなたはdisabled属性を設定することで、ボタンを無効にすることができます。

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

Answer 5

あなたは実行することで、ボタンを無効にすることができます

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

Answer 6

Magentoの場合、jqueryではなくプロトタイプです。したがって：

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

これは、ページ上のすべてのボタンで無効にする必要があります。