我如何在javascript中做一个复选框过滤器

Question

我需要按类别制作复选框过滤器。 这是我到目前为止所拥有的，但我不知道如何遵循逻辑：

const procesadores = d.querySelector(".procesador"); 

    procesadores.addEventListener("click",()=>{
        if(procesadores.checked == true){      
              d.querySelectorAll(".card").forEach((el) => el.textContent.includes(procesadores.value));            
            } else {
                    console.log("unchecked")
            }
        })

每个产品卡都有卡类，我需要根据复选框是否激活来显示或隐藏它们

Answer 1

如果您想从头开始（仅使用 js），那么我建议您在复选框上绑定一个 onChange 事件（例如，categorieA），并在处理程序事件中选择所有具有正确类并打开可见的 html 元素。