刷新后未選中復選框

Question

我的頁面上有復選框，所有復選框的默認值為true。 但是，在刷新頁面后，select_all復選框變為未選中狀態，而其他復選框保持選中狀態。

 <script> var $checked = true; $('#select_all').click(function() { console.log('click select all button'+$checked) $checked = !$checked $(".activated").each(function(){ $(this).prop("checked", $checked) }); }); </script> 

 <table cellspacing="10"> <thead> <tr> <%= check_box_tag 'select_all', 1, true%> <%= label_tag :select_all, " Select All Doctors" %> </tr> </thead> <tbody> <tr> <th>Send Email</th> <th>First Name</th> <th>Last Name</th> <th>Email</th> <% @doctors.each do |doctor| %> <tr> <td><%= check_box_tag 'activated[]', doctor.id, true, class: 'activated'%></td> <td><%= doctor.first_name %></td> <td><%= doctor.last_name %></td> <td><%= doctor.email %></td> </tr> <% end %> </tbody> </table> 

Answer 1

您不必保存布爾值也可以執行以下操作：

<script>
    $('#select_all').change(function() {
      console.log('click select all button'+$checked)
      $checked = $(this).is(':checked')
      $(".activated").each(function(){
        $(this).prop("checked", $checked)
      });
    });
</script>

NT用更改代替了單擊，其復選框與復選框一起使用。