Javascript Filter With Checkbox

Question

Я пытаюсь использовать флажки для фильтрации содержимого страницы. Я получил его, чтобы скрыть контент, когда я устанавливаю флажок, но он не отображает весь контент снова, когда он не установлен. Любая помощь будет принята с благодарностью. Заранее спасибо.

$(document).ready(function() { 
$('input').change(function(){ 
    $('input').each(function(){ 
     var checked; 
     if (checked = $(this).attr('checked')); 
     var reclessons = $('li[data-rec='+$(this).data('rec')+']'); 
     checked ? reclessons.show('slow'): reclessons.hide('slow'); 
    }); 
    var unchecked=0; 
    if(unchecked=0){$('li').show('slow');} 
}); 
}); 

Answer 1

.attr() метод не возвращает логическое значение, также = это назначение, не сравнить значения, следует использовать == или === для сравнения.

Answer 2

Это основа того, что вы хотите. Обратите внимание на prop для проверки.

http://jsfiddle.net/stevemarvell/kEkdy/

<input type="checkbox" data-target="thing1" checked="1"/> 
<div id="thing1">Thing 1</div> 
<input type="checkbox" data-target="thing2" checked="1"/> 
<div id="thing2">Thing 2</div> 

С этим JQuery:

$(document).ready(function() { 
    $('input[type=checkbox][data-target]').change(function() { 
     var checked = $(this).prop('checked'); 
     var target = $(this).data('target'); 
     $('#' + target).toggle(checked); 
    }); 
});