当所有复选框已被取消选择时，客户端过滤器显示所有项目

Question

加载复选框未选中并显示所有列表项。 当在这些列表上检查过滤器时，将显示与之相关的项目。 我遇到的问题是当您再次取消选中所有复选框时，我需要显示所有项目而不是隐藏。

这里是我的小提琴......

http://jsfiddle.net/amesy/B9Hnu/124/

$(function() { 

var $checkboxes = $("input[id^='type-']"); 
$('input[type=checkbox]:checked').attr('checked', false); 

$checkboxes.change(function() { 
    var selector = ''; 
    $checkboxes.filter(':checked').each(function() { // checked 
     selector += '.' + this.id.replace('type-', '') + ', '; 
     // builds a selector like '.A, .B, .C, ' 
    }); 
    selector = selector.substring(0, selector.length - 2); // remove trailing ', ' 
    $('#list li').hide() // hide all rows 
    .filter(selector).show(); // reduce set to matched and show 
}); 

}); 

最终，这将在投资组合使用，但我会分裂过滤器/标签成其类别。如果有人想告诉它，将不胜感激。

Answer 1

这里是小提琴http://jsfiddle.net/B9Hnu/125/

if($('input[type=checkbox]:checked').length<=0) 
{ 
//show all 
} 
else{ 

// your logic 
}