如何为html表创建多个过滤器菜单

Question

嗨，你好吗，请帮助我有一个菜单设置小提琴已经只需要设置它们来点击点击行表行但我必须能够使用多个来过滤更多我的小提琴{ {3}}

<div class="filters">

                <div id="filterRegion" class="btn-group">
                    <button class="btn btn-default btn-xs dropdown-toggle" type="button" data-toggle="dropdown"><span id="currentRegionLabel">All Regions</span> <span class="caret"></span></button>
                    <ul class="dropdown-menu">
                        <li><a href="#" data-value="All Regions">All Regions</a></li>
                        <li class="divider"></li>
                        <li><a href="#" data-value="La Noscea">Region A</a></li>
                        <li><a href="#" data-value="Black Shroud">Region B</a></li>
                        <li><a href="#" data-value="Thanalan">Region C</a></li>
                    </ul>
                </div>

                <div id="filterQuestType" class="btn-group btn-group-xs" data-toggle="buttons">
                    <label class="btn btn-default active"><input type="radio" name="filtertype" data-qtype="alltype">all</label>
                    <label class="btn btn-default"><input type="radio" name="filtertype" data-qtype="mainq">main</label>
                    <label class="btn btn-default"><input type="radio" name="filtertype" data-qtype="sideq">side</label>
                    <label class="btn btn-default"><input type="radio" name="filtertype" data-qtype="leveq">leve</label>
                    <label class="btn btn-default"><input type="radio" name="filtertype" data-qtype="guildq">guild</label>
                    <label class="btn btn-default"><input type="radio" name="filtertype" data-qtype="loreq">lore</label>
                </div>

                <div id="filterLvl" class="btn-group btn-group-xs" data-toggle="buttons">
                    <label class="btn btn-default active"><input type="radio" name="filterSet" data-start="1" data-end="60">all</label>
                    <label class="btn btn-default"><input type="radio" name="filterSet" data-start="1" data-end="20">1-10</label>
                    <label class="btn btn-default"><input type="radio" name="filterSet" data-start="1" data-end="20">11-20</label>
                    <label class="btn btn-default"><input type="radio" name="filterSet" data-start="21" data-end="80">21-30</label>
                    <label class="btn btn-default"><input type="radio" name="filterSet" data-start="1" data-end="20">31-40</label>
                    <label class="btn btn-default"><input type="radio" name="filterSet" data-start="1" data-end="20">41-50</label>
                    <label class="btn btn-default"><input type="radio" name="filterSet" data-start="1" data-end="20">51-60</label>
                </div>

                <div id="filterCompletion" class="btn-group btn-group-xs" data-toggle="buttons">
                    <label class="btn btn-default active"><input type="radio" name="filterCompletion" data-filter="allduty">all</label>
                    <label class="btn btn-default"><input type="radio" name="filterCompletion" data-filter="todo">todo</label>
                    <label class="btn btn-default"><input type="radio" name="filterCompletion" data-filter="done">done</label>
                </div>
</div>