小编ann*_*rie的帖子

使用复选框和list.js应用多个过滤器

我试图使用list.js插件基于一组复选框过滤一些结果.

我已经设法按一个标准排序,一次只能按一个项目排序,即只是简单,只有中等,但是当我尝试选择多个复选框时,它不起作用即.同时选择简单和适度.

有没有人有任何建议如何我这样做.html和javascript在下面.

提前致谢.

<div id="search-results">
    Sort by: 
    <button class="sort btn" data-sort="name">
        Name <i class="fa fa-fw"></i>
    </button>
    <button class="sort btn" data-sort="date">
       Departures <i class="fa fa-fw"></i>
    </button>
    <button class="sort btn" data-sort="difficulty">
       Difficulty <i class="fa fa-fw"></i>
    </button>

    Filter:
    <label for="easy">Easy</label>
    <input type="checkbox" name="easy" class="filter" data-value="Easy" />
    <label for="moderate">Moderate</label>
    <input type="checkbox" name="moderate" class="filter" data-value="Moderate" />
    <label for="challenging">Challenging</label>
    <input type="checkbox" name="challenging" class="filter" data-value="Challenging" />


    <div class="list">

        @foreach (var page in umbracoPages.OrderBy(x => x.Difficulty))
        {
            <div class="package">
                <span class="name">@page.Name</span><br />
                <span class="date"><strong>@page.Date @(page.Date == 1 …
Run Code Online (Sandbox Code Playgroud)

javascript c# jquery filter listjs

7
推荐指数
1
解决办法
5601
查看次数

标签 统计

c# ×1

filter ×1

javascript ×1

jquery ×1

listjs ×1