Как сделать фильтр товаров с помощью javascript?

Question

[kings1ze]

Функционал сайта позволяет выводить блоки <a> и у каждого блока можно добавить любой атрибут со значением, не могу понять как сделать фильтр товаров через чекбокс, чтобы можно было выбрать несколько вариантов:

Comments

[Ankhena]

и у каждого блока можно добавить любой атрибут со значением

Вот и добавляйте им data- атрибуты с указанием категории.

как сделать фильтр товаров через чекбокс, чтобы можно было выбрать несколько вариантов:

Чекбоксы как раз и позволяют выбирать несколько вариантов.

Дальше на js сравниваете атрибуты у чекбокса и ссылок.

В теории можно и на CSS с помощью соседних селекторов и селекторов по атрибутам нагородить огород. Но это плохо масштабируемый вариант.

[kings1ze]

Ankhena, всего неделю знаком с javascript, данный js скрипт выдаёт checkbox1=блок1 'a' и по аналогии 2=2 , хотелось бы по классам это как-то фильтровать, чтобы checkbox1 выводил все 'a' с классом number1, checkbox2 при нажатии показывал бы другие 'a' с классом number2(но не удалял, бы а дополнял предыдущий checkbox ),но к сожалению знаний не хватает)
Буду признателен за любую помощь ;)

$('.filter3').on('change', (e) => {
    if(!$('.filter3 input:checked').length){
        $(`.modal-block-content a`).removeClass('hide');
        return;
    }
    $('.filter3 input').each((index, item) => {
        let elementId = index;
        if($(item).prop('checked') === true){
            $(`.modal-block-content a:eq(${index})`).removeClass('hide');
        }else{
            $(`.modal-block-content a:eq(${index})`).addClass('hide');
        }
    });
})