Question

我的登录页面中有一个提交按钮。我想在点击一次后禁用提交按钮。我在this.disabled = true;查询时工作正常，禁用按钮后会进入下一页。问题是，当我按下后退按钮时，它仍然是禁用的，因为页面没有从服务器重新加载，它是从本地缓存加载的。我想每次回到登录页面时都启用该按钮。我可以清除缓存，但有一些问题，如果它将从服务器加载，项目将是缓慢的。最好的方法是什么？

<script>
$(document).ready(function(){
    $(document).on('click','button',function(){
        this.disabled = true
        window.location="https://www.google.co.in/"
    })
})
</script>
<body>
<button type="submit" id="button">Click Me!</button> 
</body>

Answer 1

您需要另一个事件来确保在页面加载时启用该按钮。有点像：

<script>
$(document).ready(function(){
    $("#button").disabled = false;
    $(document).on('click','button',function(){
        this.disabled = true
        window.location="https://www.google.co.in/"
    })
})
</script>
<body>
<button type="submit" id="button">Click Me!</button> 
</body>

我没有尝试运行这个，所以我不确定语法是否是100％，但它应该给你正确的想法。

Answer 2

我在body html中将按钮初始禁用属性设置为禁用，以证明代码再次启用它（因此您可以删除正文中的内容）我希望这会有所帮助：

<script>
$(document).ready(function () {
$("#button").removeAttr('disabled');
$("#button").click(function(){
        $(this).attr('disabled','disabled');
        window.location="https://www.google.co.in/"
    });
});
</script>
<body>
<button type="submit" id="button" disabled="disabled">Click Me!</button> 
</body>

点击问题后按钮禁用

2 个答案: