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

时间:2017-04-11 23:53:50

标签: php button

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

<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实现这一目的?或者它有点复杂?

1 个答案:

答案 0 :(得分:1)

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

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

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

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