チェックボックスが選択されている場合はレコードを表示

Question

いくつかのレコードとチェックボックスがある単純なフォームを作成しています。今、チェックボックスをオンにすると、最初の2つのレコードが非表示になります。

これは私のコントローラである：

def galleryhome 
    @gallery_photos = GalleryPhoto.where(gallery_id: params[:id]) 
end 

は、これが私の見解です：

<div class="checkbox"> 
    <input type="checkbox" name="remember" id="HideRecord"> 
    <label for="remember" class="optional">Hide photos in albums</label> 
    </div> 
</div> 
<div class="all-photo"> <!--start-photo-view--> 
    <%= hidden_field_tag "Value"%> 
    <% @gallery_photos.each do |gallery_photo| %> 
    <ul class="photos-view"> 
    <li class="photo-tile"> 
     <div class="inside-img"><%= image_tag gallery_photo.photo.url%></div> 
     <div class="inside-img-open"> 
     <a data-target="#viewlarge-Img" data-toggle="modal" href="#" class="fa fa-search" ></a> 
     </div> 
     <div class="photo-name"><%= gallery_photo.photo_file_name%></div> 
    </li> 
    </ul> 
    <% end %> 
</div> 

誰も私を助けてくださいことはできますか？

Answer 1

$('#HideRecord').click(function() { 
    if(document.getElementById('HideRecord').checked) { 
     $("ul li:nth-child(1)").hide(); 
     $("ul li:nth-child(2)").hide(); 
    } else { 
     $("ul li:nth-child(1)").show(); 
     $("ul li:nth-child(2)").show(); 
    } 
}); 

Answer 2

あなたは使用してjQueryを使ってそれを行うことができます。

$(document).ready(function() { 
    $("#HideRecord").click(function() { 
    if (this.checked) { 
     $(".photos-view").slice(0, 2).hide(); #Edited changes 
    } 
    }); 
});