使用复选框过滤表

Question

我想使用复选框作为过滤器，如果用户选择复选框，则表仅显示带有复选框的行。

带引导

我对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

您可以将ID指定给复选框，然后获取其状态。 假设它的ID是chkBox那么您将必须像这样编写：

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

然后在过滤器函数中使用它：

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

并且如果您的意思是仅在用户在fitler框中键入内容时显示仅选中了复选框状态的行，则：

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

现在，它将在tr的复选框中查找，如果选中，将切换行。