javascript - 如何制作可以在单元格中搜索多个值的表格过滤器？

Question

我想创建一个可以在表格单元格中获取多个值的过滤器。我真的不知道如何编写 if 语句以及如何搜索值。请帮忙。我还附上了一张我希望它看起来像什么的照片。

        <script>
    $(document).ready(function(){
        if($("checkbox_check").is(':checked')){
            if($("value"))
        }
    }

    </script>

    <div class="containerFilter">
        <div><input type="checkbox" value="1" class="checkbox_check">Anglu</div>
        <div><input type="checkbox" value="2" class="checkbox_check">Lenku</div>
        <div><input type="checkbox" value="3" class="checkbox_check">Italu</div>
    </div>

    <br>
    <section id="table">
        <table style="width:100%">
        <thead>
        <tr>
            <th>Gidas</th>
            <th>Kategorija</th>
            <th>Kalbos</th>
            <th>Veda po salis</th>
            <th>Kontaktai</th>
            <th>E-pastas</th>
        </tr>
        </thead>
        <tr>
            <td>Akucevičiūtė, Jūratė</td>
            <td>Aukščiausia - Ekspertas</td>
            <td value="1">Anglų</td>
            <td>Italija</td>
            <td>+370564845698</td>
            <td>rutasiogoliavaitegmail.com</td>
        </tr>
        <tr>
            <td>Abaravičiūtė, Rūta</td>
            <td>Antra</td>
            <td>Rusų</td>
            <td>Estija, Islandija, Latvija, Lietuva</td>
            <td>+37056965698</td>
            <td>geramoerishotmail.lt</td>
        </tr>
        <tr>
            <td>Arlauskienė, Vitalija</td>
            <td>Pirma</td>
            <td value="2">Lenkų</td>
            <td>Estija, Latvija, Lenkija, Lietuva, Liuksemburgas, Nyderlandai, Suomija, Švedija</td>
            <td>+37056568698</td>
            <td>gomuriotiesapastininkas.lt</td>
        </tr>
                <tr>
            <td>Akucevičiūtė, Jūratė</td>
            <td>Aukščiausia - Ekspertas</td>
            <td value="3">Italų</td>
            <td>Italija</td>
            <td>+370564845698</td>
            <td>rutasiogoliavaitegmail.com</td>
        </tr>

Answer 1

在这里我获取了复选框的值。基于此，您可以过滤表格。我不知道你是否需要整行 (tr) 包含包含值的特定单元格或特定单元格 (td)。

$('input:checkbox.checkbox_check').click(function () {
       var checked = this.checked;
       console.log(checked);
  });