javascript - 单击 PHP 后禁用按钮

Question

如何在单击按钮后禁用该按钮。并让它保持禁用状态。我尝试使用 .prop('disabled', true); 虽然它禁用了按钮，但是当我刷新页面时按钮再次变得可点击。另外，如果我有它的列表，它也会禁用我不想要的其他按钮。有什么办法吗？

<table>
<tr>
<td id="milestone_1"> 
</td>
<td id="percentage_1">
</td>
<td>
<form id="pay1">
<input type="hidden" class="id_hidden" name="id_hidden">
<input type="hidden" class="paid_hidden" name="paid_hidden">
<input type="hidden" class="budget_hidden" name="budget">
<input type="hidden" id="percent1" name="percent">
<input type="submit" name="pay1" value="Pay">
</form>
</td>
</tr>

<tr>
<td id="milestone_2">
</td>
<td id="percentage_2">
</td>
<td>
<form id="pay2">
<input type="hidden" class="id_hidden" name="id_hidden">
<input type="hidden" class="paid_hidden" name="paid_hidden">
<input type="hidden" class="budget_hidden" name="budget">
<input type="hidden" id="percent2" name="percent">
<input type="submit" name="pay2" value="Pay">
</form>
</td>
</tr>

<tr>
<td id="milestone_3">
</td>
<td id="percentage_3">
</td>
<td>
<form id="pay3">
<input type="hidden" class="id_hidden" name="id_hidden">
<input type="hidden" class="paid_hidden" name="paid_hidden">
<input type="hidden" class="budget_hidden" name="budget">
<input type="hidden" id="percent3" name="percent">
<input type="submit" name="pay3" value="Pay">
</form>
</td>
</tr>

</table>


$("#pay1").submit(function(){
    $.ajax({
        type: "GET",
        url: "pay.php",
        data: $("#pay1").serialize(),
        success: function(data){

            $("#add_success").html(data);
            $("#add_err").html("");

        }
    });
    return false
});
$("#pay2").submit(function(){
    $.ajax({
        type: "GET",
        url: "pay.php",
        data: $("#pay2").serialize(),
        success: function(data){

            $("#add_success").html(data);
            $("#add_err").html("");

        }
    });
    return false
});
$("#pay3").submit(function(){
    $.ajax({
        type: "GET",
        url: "pay.php",
        data: $("#pay3").serialize(),
        success: function(data){

            $("#add_success").html(data);
            $("#add_err").html("");

        }
    });
    return false
});

Answer 1

我建议您使用cookie来保存用户状态或数据。
只需您可以通过 document.cookie 对象在纯 javascript 中使用 cookie，

javascript创建cookie示例代码:

document.cookie="username=John Doe; expires=Thu, 18 Dec 2013 12:00:00 GMT; path=/";

读取cookie:

var x = document.cookie;

您也可以使用 this用于处理该问题的 jQuery 插件

cookie 在 PHP 中非常方便，因此您可以通过 $_COOKIE 全局 PHP 变量访问 cookie 数据。
就我个人而言，我建议您将标签选择器保留在 javascript 变量中，并在 dom 就绪 上禁用它们，以供以后的其他请求使用。

更新

为了更安全的实现，您可以使用服务器端解决方案，在这种情况下，您可以使用 PHP session 来保存向用户显示或不显示元素的数据。