后退按钮上的清晰表格？

Question

我有一个页面,其中包含一个表单中的几个复选框,选中后,使用jquery从表中过滤相应的信息.我的问题是以下场景:

1. 有人检查一个或多个框,从表中隐藏行

2. 他们点击一个链接,转到另一个页面

3. 他们点击后退按钮.

此时,仍然会选中复选框(至少在chrome中),但所有表行都可以再次查看.

有任何想法吗？

Answer 1

如果你的目标是让他们回到他们离开前的确切视图(表行仍然隐藏):

这是网站的一个缺点(或优点):它是无状态的,特别是在客户端操作方面.

您需要做的是将应用程序状态存储在URL哈希标记中,以便在用户使用其后退按钮时,您可以检索"状态"并重新构建其视图.

这是另一个问题,其答案可能对您有所帮助:jquery javascript:使用#标签添加浏览器历史记录？

如果您的目标是将页面恢复到其初始状态:

只需重置页面加载时的所有复选框:

$('input:checkbox').prop('checked', false);

-要么-

重置整个表单:

$(':input','#myform')
 .not(':button, :submit, :reset, :hidden')
 .val('')
 .prop('checked', false)
 .prop('selected', false);