2014-11-21 44 views
2

加載複選框未選中並顯示所有列表項。 當在這些列表上檢查過濾器時,將顯示與之相關的項目。 我遇到的問題是當您再次取消選中所有複選框時,我需要顯示所有項目而不是隱藏。當所有複選框已被取消選擇時,客戶端過濾器顯示所有項目

這裏是我的小提琴......

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 
}); 

}); 

最終,這將在投資組合使用,但我會分裂過濾器/標籤成其類別。如果有人想告訴它,將不勝感激。

回答

1

這裏是小提琴http://jsfiddle.net/B9Hnu/125/

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

// your logic 
} 
+0

:) 我剛剛創建的基礎上,下一階段新的問題,謝謝你了回答吧:) http://stackoverflow.com/questions/27063529 /客戶端過濾-使用-jquery的 – Amesey 2014-11-21 15:12:09

相關問題