Сохранение состояния формы после обновления страницы

Question

У меня есть список флажков.

Если страница обновляется до того, как пользователь отправляет форму, я хочу, чтобы состояние флажков (отмеченных или не отмеченных) было сохранено.

Т.е.: пользователь выбирает опцию 1, опцию 4 и опцию 5. Страница обновляется, а опция 1, опция 4 и опция 5 остаются отмеченными.

Я изучил сериализацию, затем сохранил cookie, но я просто не могу обернуть своюОбойдите его.

Любая помощь будет признательна.

Answer 1

Если все ваши посетители используют современные браузеры, тогда вы можете использовать sessionStorage.

Answer 2

Вы можете хранить данные в файлах cookie (вы можете использовать jquery.cookies.js ), когда пользователь выберет опцию

$('#select_element').change(function() {
  $.cookies.set('check_box', $(this).val());
});

и при загрузке страницы ставьте данные в поле

$(document).ready(function() {
  if ((check = $.cookies.get('check_box')) != '') {
     $('#select_element').val(check);
  }
});

Но я не проверяю.