Hola a todos.
Tengo una lista de elementos <li> bastante larga.
Cada uno de los elementos <li> tiene una o varias clases.
Un ejemplo sería algo así:
Código HTML:
<li class="clase1">Elemento1</li>
<li class="clase1 clase2">Elemento2</li>
<li class="clase1 clase3 clase4">Elemento3</li>
<li class="clase1 clase4">Elemento4</li>
Bien. Ahora necesito una especie de índice arriba de la lista con las diferentes clases, cada una con un Checkbox al lado. La idea es que por defecto todos los checkbox estén activados y se vean todos lo elementos. Cuando el usuario desactive un checkbox de una class en concreto, estos cambiarían a display:none para que se oculten.
Es decir quiero hacer una especie de filtro para que sea más fácil la búsqueda de elementos en dicha lista.
He encontrado muchos scritps del tipo document.getElementById pero eso no me solucionan nada ya que la mayoría de los elementos necesitan varias clases. Por lo que no puedo hacerlo con Id y debe ser con class.
Gracias un saludo, espero me puedan ayudar :)