我有一个表单,它根据某些单选按钮和复选框将输入字段设置为启用/禁用。如果用户向前导航然后点击后退按钮,字段值将保留,但启用状态将恢复为默认值。有没有办法通过JavaScript处理这个问题?在后退按钮上保留HTML表单输入启用状态
回答
您可以尝试调用基于DOM就绪事件(window.onload
)中的单选按钮选择来启用/禁用DOM元素的JavaScript函数。从缓存加载页面时将执行此事件,并且通常应该连接这些元素的启用/禁用状态。
这没有把戏。我在$(document).ready()中调用了我的setFieldState()函数。我会做更多的测试,如果这不能通过浏览器证明,我会尝试@ skyburner的建议。 – CtrlDot 2012-02-06 22:09:09
这里最好的答案是:“这取决于”。
我会解释一下。
这取决于您希望支持多大的浏览器受众。在大多数现代浏览器中,您可以尝试捕获JavaScript/JSON块中的DOM元素和按钮的值,然后将其推入像window.localStorage这样的位置,或者甚至在cookie中(如果您想要cookie,cookie将是最好的选择这在较旧的浏览器上工作)。
用户然后遍历回来,您可以检查一个或多个值,然后重新建立按钮状态,然后加载页面。
但是,如果您使用的是JavaScript框架,如jQuery,我会建议采取看看这个:
http://archive.plugins.jquery.com/project/DOMCached
这将允许您执行相同的特技正如我刚才所描述的,在那里您可以将按钮参数捕获到JSON/Javascript数据对象中,通过DOMCached存储,然后在用户返回到页面时访问。
- 1. SPA +后退按钮+表单状态
- 2. 浏览器后退按钮和状态保留?
- 3. 单击浏览器的后退按钮后保留表单值
- 4. 是否可以使用后退按钮保留表单选项?
- 5. 在后退按钮上保存片段状态选择
- 6. 单击“后退”按钮时如何保留表单数据
- 7. 如何在按下后保留按钮状态?
- 8. 如何为后退按钮保留网页表单内容
- 9. 后退按钮在状态栏
- 10. 表单提交按钮在ajax后保持禁用状态
- 11. 在Firefox中使用后退按钮时,表单提交按钮保持禁用状态
- 12. Javafx按钮保持“启用”状态
- 13. 在浏览器上保留上一页字段值后退按钮单击
- 14. 单击后退按钮后重新创建活动状态
- 15. 如何在进程退出后启用表单按钮?
- 16. 保留表单输入点击提交按钮
- 17. 按下后退按钮后导航栏图像保留
- 18. 如何启用后退按钮在Android
- 19. IE和replaceWith不保留单选按钮状态
- 20. 在关闭表单后启用按钮
- 21. AngularJS:启用按钮上的表单输入更改
- 22. 在最后点击的菜单项上保留悬停状态
- 23. 后保留单选按钮值
- 24. 回帖后保留html输入值?
- 25. 退出后保留iPhone应用程序的状态
- 26. 当按下后退按钮时保存Android应用程序的状态
- 27. 输入类型 - 后退按钮?
- 28. 在按下后退/前进按钮时保留DOM上的更改
- 29. 保留表单字段和jQuery VAR值时,浏览器后退按钮点击
- 30. IOS 9.3禁用iPhone上的后退按钮后退按钮
字段值保留在每个浏览器中。这可能是自动填充的成本..做检查.. – 2012-02-06 21:41:52