Таблица фильтрации с CheckBox

Question

Я хотел бы использовать флажок в качестве фильтра, и если пользователь выбирает флажок, таблица показывает только строки с флажком.

С Bootstrap

Я устал Bootstap с текстом, и он работает,Но я не мог понять, как это сделать с помощью флажка.

$(document).ready(function ()
{
    $("#myInput").on("keyup", function ()
    {
        var value = $(this).val().toLowerCase();
        $("#activityTable tr").filter(function ()
        {
            $(this).toggle($(this).text().toLowerCase().indexOf(value) > -1)
        });
    });
});

Выше код работает только с текстовой информацией.Кто-нибудь знает, как обновить этот код для галочки, пожалуйста

Answer 1

Вы можете указать идентификатор для флажка, а затем получить его состояние.Допустим, его идентификатор равен chkBox, тогда вам нужно будет написать следующее:

var isChecked = $("#chkBox").is(':checked');

, а затем использовать его в функции фильтра:

$(this).toggle($(this).text().toLowerCase().indexOf(value) > -1
         && (isChecked && $(this).find('input:checkbox').is(':checked')));

, и если вы намеревались показатьтолько строки, в которых состояние флажка проверяется, когда пользователь вводит в поле соответствия, тогда:

$(this).toggle($(this).text().toLowerCase().indexOf(value) > -1
           &&  $(this).find('input:checkbox').is(':checked')
              );

Теперь это будет выглядеть в tr для флажка, и если флажок установлен, эта строка будет переключаться.