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

Question

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

0

Как я могу скрыть все элементы <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 />

anmaree 01 окт. 2013, в 23:13

Источник

Теги:

javascript

jquery

ruby-on-rails

ruby

2 ответа

Ещё вопросы

DeeperID · Answer 1 · 2013-10-01T19-43-00.000Z

2

Поскольку это было помечено jQuery, я бы попробовал это:

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

DeeperID 01 окт. 2013, в 19:43

1

Это будет только скрыть флажок. нужно добавить .parent ('li')
trh 01 окт. 2013, в 21:33
0

@trh хороший улов, спасибо и отредактировал
DeeperID 01 окт. 2013, в 21:36
0

Спасибо, я попробую это. Нормально ли добавлять jquery в приложение rails?
anmaree 01 окт. 2013, в 21:53
0

@anmaree о приложениях для рельсов, над которыми я работал, да. Я бы сказал, что добавление интерфейсной библиотеки, такой как (jquery, prototype или YUI), в любое веб-приложение, предназначенное для использования через браузер, является обычной практикой.
DeeperID 01 окт. 2013, в 22:00
0

когда я помещаю этот код в файл app / assets / javascripts / ideas.js.coffee, сценарий не распознается. У меня есть контроллер идей FYI. или этот скрипт должен идти в application.js?
anmaree 01 окт. 2013, в 22:12
0

@anmaree Я бы предложил задать отдельный вопрос относительно этого, поскольку он отличается от исходного вопроса. После решения этой проблемы, если вы обнаружите, что ответ на этот вопрос оказался полезным, примите его как ответ :)
DeeperID 02 окт. 2013, в 18:06

Показать ещё 4 комментария

cmsonnet · Answer 2 · 2013-10-01T20-24-00.000Z

Сначала ознакомьтесь с базой этого руководства, https://bytutorial.com/blogs/jquery/jquery-get-selected-checkboxes

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

$ (Это).parent.hide();

благодарю вас. Я прочитал учебник, и мне трудно понять, как этот учебник помогает мне скрыть невыбранные флажки. скрипт: $ (this) .parent.hide (); куда это девается?