隐藏所有未检查的列表元素，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

当您为每个for循环迭代时，您可以抓住父级并隐藏它。 通过使用这一个。注意：$（this）表示选中的复选框。并且.parent将代表你的情况下的li。

$（本）.parent.hide（）;