页面刷新后保存表单状态

Question

我有一个复选框列表。

如果在用户提交表单之前刷新页面，我希望保留复选框（已选中或未选中）的状态。

即：用户选择选项1，选项4和选项5.页面刷新，选项1，选项4和选项5保持选中状态。

我已经研究了序列化，然后存储了一个cookie，但我只是无法绕过它。

任何帮助都将不胜感激。

Answer 1

当用户选择选项

时，您可以将数据存储在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);
  }
});

但我没有测试它。

Answer 2

如果您的所有访问者都使用现代浏览器，那么您可以使用sessionStorage。