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

您可以将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中查找复选框，如果选中该行，将被切换。

使用CheckBox过滤表

1 个答案: