仅显示带有复选框Ruby，Javascript </li>的<li> div

Question

我有一个复选框列表，其中包含由ruby模型生成的标题。根据页面的不同，会自动选中一些复选框。如何使用未选中的复选框和标题隐藏其他li？或者我怎么只显示被选中的li div？

HTML：

<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 />

检查复选框：

<input id="idea_store_ids_" type="checkbox" value="15" name="idea[store_ids][]"  
checked="checked"></input>

检查未选中的复选框：

<input id="idea_store_ids_" type="checkbox" value="11" name="idea[store_ids][]"></input>

Answer 1

这样的事情应该有效：

$("input:not(:checked)").parent('li').hide();