我的表單複選框在提交和頁面重新加載後如何保持其狀態？

Question

我有一個表單組成的篩選記錄在索引頁上的複選框，我怎樣才能使表單中的複選框在提交表單並重新載入頁面後保持其選中狀態？

我已經在使用jQuery-UI來使複選框看起來更好。我對任何一種編程都很陌生，並且對javascript的運氣不多。

index.html.erb

<script>  
    $(function() { 
    $(".areas").buttonset(); 
    }); 

    $(function() { 
    $("button, input:submit, a", ".filter_form_button").button(); 
    $("a", ".form_filter_button").click(function() { return false; }); 
    }); 
</script> 

<div class="filter_options_container"> 
    <%= form_tag '', :method => :get, :id => 'filter_form' do %>   

    <fieldset class="filter_form_fieldset areas"> 
     <% Area.all.each do |a| %> 
     <p class="area_check"><%= check_box_tag 'areas[]', a.id, false, :id => "area-#{a.id}" %> 
     <label for="area-<%= a.id %>"><p1><%= a.name %></p1></label></p> 
     <% end %> 
    </fieldset> 

    <div class="filter_form_button"> 
     <p2><input type="submit" value="Filter"/></p2> 
    </div> 
    <% end %> 
</div> 

任何幫助，非常感謝！

Answer 1

我發現這個jQuery插件當你離開並回來時，這會使表格填滿。似乎工作得很好。 dumbFormState

Answer 2

您必須在某處保存其狀態，然後在您實例化複選框時加載其狀態。這可能有所幫助：http://www.webdevelopersnotes.com/tips/html/finding_the_value_of_a_checkbox.php3

但實際情況是，您需要一個允許您保存頁面「當前狀態」的設計。

Answer 3

獲取表單提交時複選框的狀態。然後將其傳遞給視圖。通過jquery設置值。

像你得到一個複選框的選中valuve是2提交表單的時候，那麼你得到它，並傳遞給視圖

$this->view->checkbox1 = 2 ; 

然後在jaquery

var val = <?php echo $this->checkbox1 ; ?>; 

$("#mycheckbox")[val].checked = true;