5

我的登录页面中有一个提交按钮。我想在单击一次后禁用提交按钮。我对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>
4

2 回答 2

2

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

<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%，但它应该给你正确的想法。

于 2013-07-29T19:49:59.043 回答
2

我在正文 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>
于 2013-07-29T20:24:51.353 回答