小编Ron*_* DC的帖子

我想使用复选框过滤一些内容.

我已经设法做到这一点,感谢早先的帖子,我在这里简化了DEMO.

我的问题是每个内容项可以附加多个类别.当我选择类别A和类别B然后取消选择类别B时,将删除同时附加两个类别的内容项.

我正在研究的项目将包含两个以上的类别.内容项可以附加许多类别

HTML:

<ul id="filters">
    <li>
        <input type="checkbox" value="categorya" id="filter-categorya" />
        <label for="filter-categorya">Category A</label>
    </li>
    <li>
        <input type="checkbox" value="categoryb" id="filter-categoryb" />
        <label for="filter-categoryb">Category B</label>
    </li>
</ul>

<div class="categorya categoryb">A, B</div>
<div class="categorya">A</div>
<div class="categorya">A</div>
<div class="categorya">A</div>
<div class="categoryb">B</div>
<div class="categoryb">B</div>
<div class="categoryb">B</div>

使用Javascript:

$('input').click(function() {
    var category = $(this).val();

    if (!$(this).attr('checked')) $('.' + category).hide();
    else $('.' + category).show();

});