Фильтрация по нескольким чекбоксам?

Question

[Gorthaur]

Добрый вечер.
Есть необходимость в фильтрации на странице данных по принадлежности.
Например, у строки в таблице есть три значения, и при нажатии на чекбокс-кнопку (bootstrap) нужно скрыть все строки, кроме этой. При повторном нажатии соответственно показать обратно все элементы, а если нажать на другой чекбокс - то отобразить строки, совпадающие и с первым значением, и со вторым, а если нажать третий - то и с третьим. В общем отображать выбранные типы строк.
Куда копать? Как это можно осуществить?

Answer 1

[Александр Миранович]

jsfiddle.net/f48ZD/421

Answer 2

[Develm]

var updateRows = function()
{
    // Get ones to show
    var toShow = [];
    $('div.tags input[type=checkbox]:checked').each(function(){
        var box = $(this);
        toShow.push('.' + box.attr('rel'));
    });
    toShow = toShow.join(', ');

    // Filter rows
    $('table > tbody > tr').each(function() {
        var row = $(this);
        row.toggle( row.is(toShow) );
    });
};

на чекбокс вешаешь rel="блабла", на tr class="блабла"
хотя не советую так делать, костыль, но как вариант