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

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

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

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

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

Спасибо.

UPD: спасибо всем откликнувшимся, решил по совету Stan Ezersky, чтобы заработало через чекбоксы и не скрывались позиции при выборе 2-х чекбоксов для позиций основного фильтра поставил все варианты из зависимого. соответственно получилось если выбран чекбокс с зависимым фильтром он появляется, если с основным и зависимым то фильтрует по зависимому и не скрывает позиции не попавшие в зависимый фильтр.
Илья
Илья
28 апреля 2018, 09:58
modx.pro
1 729

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

Stan Ezersky
Stan Ezersky
28 апреля 2018, 16:27
Вам надо блок с фильтрами скрывать?
Так?
То есть при выборе из блок «Марка» показываем блок «Модель»
    Илья
    Илья
    28 апреля 2018, 16:29
    ИМЕННО, подскажите пожалуйста как реализовали…
      Stan Ezersky
      Stan Ezersky
      28 апреля 2018, 16:34
      JS, больше ничего
        Илья
        Илья
        28 апреля 2018, 16:37
        да понимаю… кодом не поделитесь? буду крайне признателен.
          Stan Ezersky
          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
                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
                  Спасибо, буду тестить)
        Илья
        Илья
        28 апреля 2018, 16:31
        Но надо чтобы показывался только на конкретный чекбокс.
          Stan Ezersky
          Stan Ezersky
          28 апреля 2018, 16:34
          Понятия не имею:)
            Илья
            Илья
            28 апреля 2018, 16:38
            с этим как нибудь разберусь по аналогии с selest
        Авторизуйтесь или зарегистрируйтесь, чтобы оставлять комментарии.
        12