如何在使用后退返回页面时保持复选框禁用状态

How to maintain checkbox disabled state when returning to page using Back?

本文关键字：复选框 状态 返回      更新时间：2023-09-26

在返回浏览器时，我很难保持复选框的禁用状态。

我创建了这两个示例页面来演示我的问题。

我需要做些什么来确保复选框在返回上一页时保持禁用状态?

test1.html
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
</head>
<body>
    <form id="test" action="/">
        System <input type="checkbox" id="chkSystem148" onclick="this.disabled = true;"/>
        <a href="test2.html">Go to test2</a>
    </form>
</body>
</html>

test2.html
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
</head>
<body>
    <input type="button" value="Go Back" onclick="history.back(-1); return false;" />
</body>
</html>

正如mblase75所评论的那样，使用cookie。或者其他形式的持久存储，比如本地存储。散列也可以工作，不要在现场记住它是否添加到历史记录中，或者只在允许将项目推送到历史记录的新浏览器中。

相关文章：