在后退按钮上保留HTML表单输入启用状态

时间:2012-02-06 21:38:44

标签: javascript html forms

我有一个表单,根据一些单选按钮和一个复选框将输入字段设置为启用/禁用。如果用户向前导航然后点击后退按钮,则会保留字段值,但启用状态将恢复为默认值。有没有办法通过javascript处理这个?

2 个答案:

答案 0 :(得分:3)

您可以尝试调用您的javascript函数,该函数根据DOM ready事件(window.onload)中的单选按钮选择启用/禁用DOM元素。从缓存加载页面时将执行此事件,通常它应该连接这些元素的启用/禁用状态。

答案 1 :(得分:2)

这里最好的答案是:“这取决于”。

我会解释。

这取决于您希望支持的浏览器受众群体的范围。在大多数现代浏览器中,您可以尝试在Javascript / JSON块中捕获按钮的DOM元素和值,然后将其推送到window.localStorage或甚至cookie中的位置(如果您愿意,cookie将是您最好的选择这适用于旧版浏览器。)

一旦用户然后遍历,您可以检查一个或多个值,然后重新建立按钮状态,然后加载页面。

但是,如果您使用的是javascript等Javascript框架,我建议您看一下:

http://archive.plugins.jquery.com/project/DOMCached

这将允许您执行与我刚才描述的相同的特技操作,您可以将按钮参数捕获到JSON / Javascript数据对象中,通过DOMCached存储,然后在用户返回页面本身时访问。