隱藏所有未檢查的列表元素，Ruby或JavaScript

Question

如何隱藏未檢查的所有<li>元素。什麼是最好的方法來做到這一點？ Ruby還是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

當你迭代的每本循環，你可以抓住父母並隱藏它.. 通過使用這一個。注意：$（this）表示檢查的複選框。而.parent將代表你的情況。

$（this）.parent.hide（）;