单击后永久禁用/删除按钮答案

【问题标题】：Disable/remove button permanently after click单击后永久禁用/删除按钮
【发布时间】：2017-04-11 23:53:50
【问题描述】：

我了解在单击客户端后隐藏/删除/禁用按钮是多么容易。但是，我想在单击一次按钮后永久隐藏/禁用它。

<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 来做到这一点？还是稍微复杂一点？

【问题讨论】：

标签： php button

【解决方案1】：

首先，您需要同时实现客户端和服务器端。客户端是用户第一次点击提交，所以使用javascript你可以在表单提交后调用以下内容：

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

之后，您需要处理用户重新加载页面的情况。因此，在页面加载时应该禁用该按钮。所以假设有一个函数is_confirmed()返回真假，你可以在你的按钮中添加以下内容

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

【讨论】：