点击PHP后禁用按钮

Disable button after clicked PHP

本文关键字：按钮 PHP 点击      更新时间：2023-09-26

如何禁用按钮后，它已被点击。让它保持禁用状态。我尝试使用.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
});

我建议你使用cookie来保存用户状态或数据。
你可以简单地使用cookie在纯javascript通过document.cookie对象，

创建cookie示例代码:

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

读取cookie: 

var x = document.cookie;

你也可以使用这个jQuery插件来处理

cookie在PHP中非常方便，所以你可以通过$_COOKIE全局PHP变量访问cookie数据。我个人建议你在javascript变量中保留标签选择器，并在dom ready上禁用它们以备以后的其他请求。

对于更安全的实现，您可以使用服务器端解决方案，对于这种情况，您可以使用PHP会话来保存数据以显示或不显示元素给用户。
相关文章：