Скрыть дубли строк при checked

418
18 июня 2022, 08:40

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
$(function() {
$('.problem').change(function({ target: t }) {
  const { type, problem } = t.dataset;
  $(`a[data-type="${type}"][data-problem="${problem}"]`).toggle(t.checked);
}).find('input').change();
});
</script>
<div class="remont">
<div class="problem">
<input data-type="Стиральная машина" data-problem="Не стирает" type="checkbox" value="Не стирает">
<input data-type="Стиральная машина" data-problem="Мигает" type="checkbox" value="Мигает">
<input data-type="Стиральная машина" data-problem="Течет" type="checkbox" value="Течет">
</div>
<div class="price-problem">
<a data-type="Стиральная машина" data-problem="Не стирает" href="#" class="price__item">Сломалась</a>
<a data-type="Стиральная машина" data-problem="Мигает" href="#" class="price__item">Сломалась</a>
<a data-type="Стиральная машина" data-problem="Течет" href="#" class="price__item">Течет</a>
</div>
</div>

При выбранном checkbox, скрываются/показываться ссылки в price-problem, с привязкой. Выбрано может быть несколько чекбоксов, соответственно нужно показывать все выбранные, скрывать все не выбранные, что код ниже и делает. Выбираем "Не стирает, мигает" - скрываются в price-problem "Течет", остальные показываются. Но так как checked, может быть несколько, необходимо скрывать дубли.

Подскажите как скрыть дубли? Выбираем "Не стирает, Мигает". Появиться дубли, 2 раза "Не стирает". Вот как в таком случае скрыть дубли при двойном checkbox?

Answer 1

а почему у вас

<a data-type="Стиральная машина" data-problem="Мигает" href="#" class="price__item">Не стирает</a>

а не

<a data-type="Стиральная машина" data-problem="Мигает" href="#" class="price__item">Мигает</a>

Updated.

Это не дубли. А разные ссылки. Если вам нужно генерировать одну ссылку в зависимости от выбора то так и пишите. Что у вас есть цена услуг по выбору которых будет создана ссылка с суммой и перечнем услуг.

READ ALSO
Получить передаваемое имя параметра

Получить передаваемое имя параметра

хочу реализовать метод, проверяющий переданный параметр на nullВ случае, если параметр равен null, то кидаю исключение

220
Как получить доступ к MeshTextPro в unity 2d?

Как получить доступ к MeshTextPro в unity 2d?

в 2d игре на unity пишет такую ошибку при попытке подключения к TextMeshPro через c# код TextMeshPro в UI unity 2020

301
Использование Google Maps в Xamarin

Использование Google Maps в Xamarin

Хотелось бы узнать, можно ли использовать API Google Карт для отображения конкретных ближайших магазинов на карте? Вкратце: есть мобильное приложение...

232
Как убрать пунктирную линию в ComboBoxItem?

Как убрать пунктирную линию в ComboBoxItem?

Как убрать пунктирную линию в ComboBoxItem? Она появляеться при нажатии и наведении

238