在提交和重新加载页面后，我的表单复选框如何保持其状态？

我有一个由复选框组成的表单，它在索引页面上过滤记录，如何在表单提交并重新加载页面后，如何使表单中的复选框保持其已检查状态？

我已经使用jQuery-UI使复选框看起来更好。 我是任何类型的编程超级新手，javascript运气不佳。

index.html.erb

 $(function() { $(".areas").buttonset(); }); $(function() { $( "button, input:submit, a", ".filter_form_button" ).button(); $( "a", ".form_filter_button" ).click(function() { return false; }); });  
  :get, :id => 'filter_form' do %> 
  
 "area-#{a.id}" %> <label for="area-">
  
 
  
   

任何帮助都非常感谢！

Answer 1

我发现这个jQuery插件可以在您离开并返回时保持表单填写。 似乎工作得很好。 dumbFormState

Answer 2

您必须在某处保存其状态，然后在实例化复选框时加载其状态。 这可能会有所帮助： http ： //www.webdevelopersnotes.com/tips/html/finding_the_value_of_a_checkbox.php3

但实际情况是，您需要一种允许您保存页面“当前状态”的设计。

Answer 3

在表单提交时获取复选框的状态。 然后将其传递给视图。 通过jquery设置值。

就像你拿到一个复选框一样，当提交表格时，检查值为2，然后你得到它并传递给视图

 $this->view->checkbox1 = 2 ; 

然后在jaquery

 var val = checkbox1 ; ?>; $("#mycheckbox")[val].checked = true;