Скрыть все элементы списка, которые не отмечены, Ruby или JavaScript

Question

Как я могу скрыть все элементы <li>, которые не отмечены. Какой был бы лучший способ сделать это? Рубин или JavaScript?

<h3>Stores Offered In</h3> 
    <ul class="multi-column-checkbox"> 
    <% for store in Store.all %> 
     <li><%= check_box_tag "idea[store_ids][]", store.id, 
@idea.stores.include?(store) %> <%= store.name %></li> 
    <% end %> 
    </ul> 
    <br /> 

Answer 1

Так как это было помечено с JQuery, я хотел бы попробовать это:

$('.multi-column-checkbox li input[type="checkbox"]:not(:checked)').parent().hide(); 

Answer 2

взглянуть основные из этого урока первой, https://bytutorial.com/blogs/jquery/jquery-get-selected-checkboxes

Когда вы итерацию для каждого для петли, вы можете захватить родителя и скрыть его. используя этот. note: $ (this) представляет отмеченную галочку. и .parent будет представлять li в вашем случае.

$ (this) .parent.hide();