Сохранить состояние ввода HTML-формы на кнопке «Назад»

Question

У меня есть форма, которая устанавливает поля ввода как включенные / отключенные на основе некоторых переключателей и флажка. Если пользователь перемещается вперед, а затем нажимает кнопку «Назад», значения полей сохраняются, но включенное состояние возвращается к значению по умолчанию. Есть ли способ справиться с этим через JavaScript?

Answer 1

Вы можете попробовать вызвать функцию javascript, которая включает / отключает элементы DOM на основе выбора переключателя в событии готовности DOM (window.onload). Это событие будет выполнено при загрузке страницы из кэша, и обычно оно должно подключить состояние «включено / отключено» этих элементов.

Answer 2

Лучший ответ здесь: «Это зависит».

Я объясню.

Это зависит от того, какую широкую аудиторию браузера вы хотите поддерживать. В большинстве современных браузеров вы можете попытаться захватить элементы DOM и значения кнопок в блоке Javascript / JSON, а затем поместить их в такое место, как window.localStorage или даже в файл cookie (файл cookie будет вашим лучшим выбором, если вы хотите это работает в старых браузерах).

После того, как пользователь переместится назад, вы можете проверить значение или значения и восстановить состояние кнопки при загрузке страницы.

Однако, если вы используете Javascript-фреймворк, такой как jquery, я бы порекомендовал взглянуть на это:

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

Это позволит вам выполнить тот же трюк, который я только что описал, где вы можете записать параметры кнопки в объект данных JSON / Javascript, сохранить их через DOMCached, а затем получить доступ позже, когда пользователь вернется на саму страницу.