回覆：jQuery多重複選框頁面過濾器

Question

此問題是jQuery Multiple Checkbox Page Filter的擴展。這是我的問題。

我有三個目標：

• 我想有複選框列表過濾頁面內容。
• 我想只返回匹配所有當前選中的 框的內容，隱藏其餘所有內容。
• 如果沒有選中框，則應顯示所有內容 。

正如先前在上面的問題的討論，目標A和C與被實現：

$('div.tags').delegate('input:checkbox', 'change', function() 
{ 
    var $lis = $('.results > li').hide(); 
    //For each one checked 
    $('input:checked').each(function() 
    { 
      $lis.filter('.' + $(this).attr('rel')).show(); 
    });  
}); 

和目標B與實現：

var selector = $('input:checked').map(function() 
{ 
    return $(this).attr('rel'); 
}).get().join('.'); 
$lis.filter(selector).doWhatever(); 

但我不知道如何將這兩個腳本集成在一起？

Answer 1

給這一個鏡頭：http://jsfiddle.net/mattball/tkLK6/

$('div.tags').delegate('input[type=checkbox]', 'change', function() 
{ 
    var $lis = $('.results > li'), 
     $checked = $('input:checked'); 

    if ($checked.length) 
    { 
     var selector = $checked.map(function() 
     { 
      return '.' + $(this).attr('rel'); 
     }).get().join(''); 

     $lis.hide().filter(selector).show();  
    } 
    else 
    { 
     $lis.show(); 
    } 
});