使用复选框选择进行jQuery筛选

我试图创建一个复选框过滤系统，将有两个类别。这些类别将输出每个类别独有的结果。我在这里创建了一个图标来展示我在做什么。我只想显示匹配这两个类别的结果

HTML测试如下所示：

<div class="filter">
    <form id="partners">
        <h4>Filter by Venue:</h4>
        <input type="checkbox" name="team" value="BBG" />BBG<br />
        <input type="checkbox" name="team" value="BCM" />BCM<br />
        <input type="checkbox" name="team" value="BM" />BM<br />
        <input type="checkbox" name="team" value="BPL" />BPL<br />
        <input type="checkbox" name="team" value="BPP" />PP<br />
        <input type="checkbox" name="team" value="PPZ" />PPZ<br />
    </form>
    <br />
    <h4> Filter by Ages: </h4>
    <form id="ages">
        <input type="checkbox" name="brand" value="aAll" />All Ages<br />
        <input type="checkbox" name="brand" value="aAdults" />Adults<br />
        <input type="checkbox" name="brand" value="aTeens" />Teens<br />
        <input type="checkbox" name="brand" value="a0-18" />0-18 months<br />
        <input type="checkbox" name="brand" value="a1" />1.5-3 years<br />
        <input type="checkbox" name="brand" value="a2" />2.5-5 years<br />
        <input type="checkbox" name="brand" value="a4-7" />4-7 years<br />
        <input type="checkbox" name="brand" value="a7-12" />7-12 years<br />
    </form>
</div>
<hr />
<div class="event">
    Item 1  BPP aAll
    <span class="check BPP aAll"> </span>
</div>
<div class="event">
    Item 2  BCM a2
    <span class="check BCM a2"> </span>
</div>
<div class="event">
    Item 3 BPP aAll
    <span class="check BPP aAll"> </span>
</div>
<div class="event">
    Item 4 BPP a7-12
    <span class="check BPP a7-12"> </span>
</div>

JQuery

.map（）

返回数组，而不是字符串

替换：

$(".check." + both[index].replace(' ', '.')).parents('.event').show();

与：

---

-如果我同时选择BPP和aAll，我会看到第1项和第3项，如果选择BPP和a7-12，我会看到第4项，它可以解决您的问题？在您选择其他地点或年龄之前，它非常有效。当您选择另一个年龄时，不会发生任何事情，如果您选择另一个地点，则会清除。我需要能够选择所有的场馆，并按年龄筛选这些场馆，反之亦然。哦，对不起，我误解了你的意思。我的cuurent解决方案（根据我当前的解释）：

$(".check." + both[index].replace(' ', '.')).parents('.event').show();

$(".check." +  both.toString().replace(',', '.')).parents('.event').show();