我如何在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 元素。