如何在按鈕onclick后禁用按鈕

Question

我有一個使用onclick返回確認的按鈕...希望在提交確認時...第二次單擊該按鈕時，它將彈出警報消息，通知用戶該按鈕只能單擊一次。

到目前為止，我已經嘗試了一種功能，但是沒有起作用。

$("#once").one("click", function() {
  alert('this only happens once');
});

以下代碼是我的按鈕

<input type="submit" id="once" class="button" style="width:100px;" onclick="return  
confirm('Are you sure you want <?php  echo $show_venue['venue'];?>  be your party venue 
 ?');"  value="CHOOSE" name="choose_venue">

Answer 1

單擊后，您不會禁用按鈕。

$(this).prop('disabled', true);

這是您正在尋找的代碼的擺弄： http : //jsfiddle.net/UT79m/6/

Answer 2

您可以在第一次單擊后添加一個類以設置“選定”狀態：

$("#once").on("click", function() {
   if($(this).hasClass('selected'))
       return;
   alert('this only happens once');
   $(this).addClass('selected');
});