$('.filter').hide();
$('input[name="checkbox1"], input[name="checkbox2"], input[name="checkbox3"]').change(function() {
var selectedValues = [];
$('input[name="checkbox1"]:checked').each(function() {
selectedValues.push($(this).val());
});
$('input[name="checkbox2"]:checked').each(function() {
selectedValues.push($(this).val());
});
$('input[name="checkbox3"]:checked').each(function() {
selectedValues.push($(this).val());
});
if (selectedValues.length > 0) {
$('.filter').hide();
selectedValues.forEach(function(value) {
$('.check-' + value).show();
});
} else {
$('.filter').show();
}
});checkbox1, checkbox2 ve checkbox3 isimlerine sahip 3 checkbox grubu var. Herhangi bir grubun durumu değiştiğinde, seçilen değerleri topluyoruz. Ardından, eğer seçilen en az bir değer varsa, .filter sınıfına sahip tüm divleri gizliyoruz ($('.filter').hide()), ve seçilen değerlere göre ilgili divleri gösteriyoruz ($('.check-' + value).show()). Eğer hiçbir değer seçilmemişse, tüm divleri gösteriyoruz ($('.filter').show()).
basit örnekle anlatmaya çalıştım, umarım yardımcı olur. kolay gelsin.