クリック後永久にボタンを無効/削除する

Question

クライアント側をクリックした後にボタンを非表示/削除/無効にするのが簡単だと分かります。しかし、ボタンを一度クリックした後は永久にボタンを非表示/無効にしたいと思います。

<form action="" method="post" class="delivery-confirm-frm"> 
    <input type="hidden" name="order_id" value="<?php echo $_order->getIncrementId(); ?>" /> 
    <input type="button" value="CONFIRM" class="delivery-confirm" id="confirmbutton"/> 
</form> 




<script type="text/javascript"> 
var $jj = jQuery.noConflict(); 
$jj(document).ready(function() { 
    $jj('.delivery-confirm').on('click', function() { 
     var _this = $jj(this); 
     $jj.confirm({ 
      title: 'Confirm!', 
      content: 'Are you sure? Once confirmed, you cannot dispute this transaction.', 
      buttons: { 
       confirm: function() { 
        _this.closest('form').submit(); 
       }, 
       cancel: function() { 

       } 
      } 
     }); 
    }); 
}); 
</script> 

基本的には、注文が配信されたことを確認するためにボタンをクリックします。クリック後に警告の確認がポップアップします。人がアラートポップアップで確認した後、ボタンを削除したいと思います。

PHP経由でこれを行う簡単な方法はありますか？それとももう少し複雑ですか？

Answer 1

あなたは、クライアント側とサーバー側の両方を実装する必要がまず第一。その後

$("#confirmbutton").prop("disabled",true); 

は、ユーザーがページをリロードする場合に対処する必要があります。クライアント側は、フォーム送信後に次を呼び出すことができますjavascriptの使用ので、初めて提出をユーザーがクリックする一度のためです。したがって、ページが読み込まれるときにボタンを無効にする必要があります。したがって、trueまたはfalseを返す関数is_confirmed()があると仮定すると、あなたのボタンに以下を追加できます。

<input type="button" value="CONFIRM" class="delivery-confirm" id="confirmbutton" <?php echo $_order->is_confirmed() ? 'disabled' : ''; ?>/>