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

时间:2016-07-09 18:50:25

标签: javascript jquery css

我想创建一个可以在表格单元格中使用多个值的过滤器。我真的不知道如何编写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>

1 个答案:

答案 0 :(得分:0)

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

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