checkbox reappering, даже если он был неактуален при обновлении

Question

У меня есть куча текстового поля, на котором я решил показать и скрыть событие изменения, используя переключатель с JQuery.

$(".category_check").change(function(){ 

//alert("abhiram") 
// alert() 
//alert($(this).data('category')) 
$("#" + $(this).data('category')).toggle(); 
}); 

Теперь, когда я обновляю флажок, все еще проверен. Галочка по-прежнему остается в флажке, и текстовое поле, которое должно быть переключено, не видно. Когда я сниму флажок, он появится снова. Противоположная логика, которая отображается, когда флажок снят и скрыт, когда установлен, выполняется только для этого флажка. Что я делаю не так?

Вот код в представлении приложения рельсы, с которым сценарий связан с

<label>Categories</label> 
     <% ClipCategory.all.each do |category| %> 
      <%= form_tag "update_amount", :remote => :true do %> 
      <div class="span12"> 
      <div class="category_check pull-left" data-category="category_text_<%= category.id %>"> 
       <%= check_box_tag "category", 1, (@performer.clip_category_ids.include?(category.id) ? "checked" : false), :class => "pull-left" %> 
       <%= label_tag "category", category.name, :class => "pull-left category_label" %> 
      </div> 
      <div id="category_text_<%= category.id%>" class="category_text"> 
       <%= number_field_tag "amount", @amount, :class => "pull-left input-medium" %> 
       <%= hidden_field_tag "category_id", category.id %> 
       <%= submit_tag "Update" %> 
      </div> 
      </div> 
      <br /> 
      <% end %> 

Answer 1

необходимо инициировать событие Чейн

$(".category_check").change(function(){ 

//alert("abhiram") 
// alert() 
//alert($(this).data('category')) 
$("#" + $(this).data('category')).toggle(); 
}).filter(':checked').change();