#javascript #html #jquery
Вопрос:
хороший день. есть такой код. когда я выбираю один элемент фильтра, второй элемент не работает. то есть, если я выберу фильтр, в котором фрукт «Яблоко», а цвет «Оранжевый», он покажет дополнительные данные. как изменить код, чтобы решить проблему? как я хочу, чтобы это было: я выбираю оранжевый цвет, фрукт-яблоко, фильтруются только оранжевые яблоки. так что все оранжевые фрукты не показаны
$(document).ready(function(){ $(".name").on("click", function() { name_list = [] $("#myTable tr").hide() var flag = 1 $("input:checkbox[name=name]:checked").each(function(){ flag = 0; var value = $.trim($(this).val().toLowerCase()); $("#myTable tr").filter(function() { if($.trim($(this).text().toLowerCase().indexOf(value)) gt; -1) $(this).show() }); }); if(flag == 1) $("#myTable tr").show() }); }); lt;script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"gt;lt;/scriptgt; lt;ul class="list-group list-group-flush"gt; lt;li class="list-group-item"gt; lt;label class="container-box"gt;green lt;input type="checkbox" class="name" name="name" value="green" /gt; lt;span class="checkmark"gt;lt;/spangt; lt;/labelgt; lt;/ligt; lt;li class="list-group-item"gt; lt;label class="container-box"gt;yellow lt;input type="checkbox" class="name" name="name" value="yellow" /gt; lt;span class="checkmark"gt;lt;/spangt; lt;/labelgt; lt;/ligt; lt;li class="list-group-item"gt; lt;label class="container-box"gt;red lt;input type="checkbox" class="name" name="name" value="red" /gt; lt;span class="checkmark"gt;lt;/spangt; lt;/labelgt; lt;/ligt; lt;/ulgt; lt;ul class="list-group list-group-flush"gt; lt;li class="list-group-item"gt; lt;label class="container-box"gt;apple lt;input type="checkbox" class="name" name="name" value="apple" /gt; lt;span class="checkmark"gt;lt;/spangt; lt;/labelgt; lt;/ligt; lt;li class="list-group-item"gt; lt;label class="container-box"gt;orange lt;input type="checkbox" class="name" name="name" value="orange" /gt; lt;span class="checkmark"gt;lt;/spangt; lt;/labelgt; lt;/ligt; lt;li class="list-group-item"gt; lt;label class="container-box"gt;mandarin lt;input type="checkbox" class="name" name="name" value="mandarin" /gt; lt;span class="checkmark"gt;lt;/spangt; lt;/labelgt; lt;/ligt; lt;/ulgt; lt;tablegt; lt;theadgt; lt;thgt;Colorlt;/thgt; lt;thgt;Fruitlt;/thgt; lt;/theadgt; lt;tbody id='myTable'gt; lt;trgt; lt;tdgt;greenlt;/tdgt; lt;tdgt;applelt;/tdgt; lt;/trgt; lt;trgt; lt;tdgt;yellowlt;/tdgt; lt;tdgt;orangelt;/tdgt; lt;/trgt; lt;trgt; lt;tdgt;redlt;/tdgt; lt;tdgt;mandarinlt;/tdgt; lt;/trgt; lt;/tbodygt; lt;/tablegt; Комментарии:
1. вы пробовали регистрировать значения и проверяли, правильно ли они работают, как вы хотели?
2.
{% for el in team %}это не javascript или jquery. Вы тоже используете что-то еще? Пожалуйста, отредактируйте свой вопрос, чтобы пометить его правильной технологией.3. спасибо за ответ. чтобы вам было проще просматривать код, я добавил фрагмент