Зависимые фильтры по чекбоксам

Здравствуйте, коллеги, повторно пишу, т.к. больше 2 недель никто подсказал, а вопрос достаточно острый…

Подскажите пожалуйста как можно организовать зависимые фильтры по чекбоксам (в мануале нашёл только для select-ов)

фильтр который появляется при включении какого либо из чекбоксов и исчезает при его отключении.

По селектам сделал, на чекбоксы не могу сообразить как правильно функцию переписать…

Спасибо.

UPD: спасибо всем откликнувшимся, решил по совету Stan Ezersky, чтобы заработало через чекбоксы и не скрывались позиции при выборе 2-х чекбоксов для позиций основного фильтра поставил все варианты из зависимого. соответственно получилось если выбран чекбокс с зависимым фильтром он появляется, если с основным и зависимым то фильтрует по зависимому и не скрывает позиции не попавшие в зависимый фильтр.

Илья

28 апреля 2018, 09:58

1 305

Комментарии: 12

Stan Ezersky

28 апреля 2018, 16:27

Вам надо блок с фильтрами скрывать?
Так?
То есть при выборе из блок «Марка» показываем блок «Модель»

Илья

28 апреля 2018, 16:29

ИМЕННО, подскажите пожалуйста как реализовали…

Stan Ezersky

28 апреля 2018, 16:34

JS, больше ничего

Илья

28 апреля 2018, 16:37

да понимаю… кодом не поделитесь? буду крайне признателен.

Stan Ezersky

28 апреля 2018, 16:39

Посмотрите в коде страницы (main.js). Разве что к чанкам блоков фильтров надо идентификаторы добавить.

У меня сейчас нет доступа к этому сайту

Илья

28 апреля 2018, 16:44

в main.js этого нет… вы не в msearch2.min.js это дописали, а именно в main?

Илья

28 апреля 2018, 16:45

или вы про этот кусок

$('input:checkbox').change(function(){
    if($(this).prop("checked")) {
      $(this).parent().addClass("active");
    } else {
      $(this).parent().removeClass("active");
    }
  });

Stan Ezersky

28 апреля 2018, 16:48

Нет. Этот:

$('#parent-categoriesZero').css({display: 'none'});
  $('#parent-grandparentsZero input:checkbox').change(function () {     
    if ($(this).is(':checked')) {
      $('#parent-categoriesZero').fadeIn();
      return;
    } 
    $('#parent-categoriesZero').fadeOut();
  });

С jQuery 3 работать не будет

Илья

28 апреля 2018, 16:50