Quiero filtrar algo de contenido usando casillas de verificación.Filtrando con casillas de verificación usando jQuery
He logrado hacerlo gracias a un earlier post que simplifiqué un poco aquí DEMO.
Mi problema es que cada elemento de contenido puede tener más de una categoría adjunta.Cuando selecciono la categoría A y la categoría B y luego anulo la selección de la categoría B, se eliminan los elementos de contenido que tienen ambas categorías adjuntas.
El proyecto en el que estoy trabajando contendrá más de dos categorías. Un elemento de contenido puede tener muchas categorías unidas
HTML:
<ul id="filters">
<li>
<input type="checkbox" value="categorya" id="filter-categorya" />
<label for="filter-categorya">Category A</label>
</li>
<li>
<input type="checkbox" value="categoryb" id="filter-categoryb" />
<label for="filter-categoryb">Category B</label>
</li>
</ul>
<div class="categorya categoryb">A, B</div>
<div class="categorya">A</div>
<div class="categorya">A</div>
<div class="categorya">A</div>
<div class="categoryb">B</div>
<div class="categoryb">B</div>
<div class="categoryb">B</div>
Javascript:
$('input').click(function() {
var category = $(this).val();
if (!$(this).attr('checked')) $('.' + category).hide();
else $('.' + category).show();
});
¡Ambas soluciones funcionan desde el primer momento! –
buen trabajo +1 !!! – Logz