Javascript ui滑块和多个复选框搜索过滤器

我们可以通过选择多个品牌来实现这一点吗。目前，它一次使用1个品牌。我们如何使用多个品牌选择来实现这一点，因此如果我选中品牌ankit和honey，那么这两个条目都应该显示出来，并且标签可以正常工作。

$（文档）.ready（函数（）{
//缓存对所有复选框元素的引用
var复选框=$（'input:checkbox[name^=“mchkboxs”]），
checkboxes2=$（'input:checkbox[name^=“f1”]'），
//缓存对结果的引用
//结果=$（“#结果”），
//缓存引用到我们的列表
listItems=$（'.tabela>li'），
//缓存量参考
金额=$（“#金额”），
//所选复选框元素的集合
selectedItems=[]，
selectedItems2=[]，
//滑块配置
幻灯片选项={
分:0,，
最高：100000，
步骤：20，
价值：[10000]，
幻灯片：功能（事件、用户界面）{
金额价值（用户界面价值[0]+“美元”）；
},
更改：功能（事件、用户界面）{
updateList（）；
}
};
//渲染我们的滑块
变量滑块=$（“#价格”）。滑块（滑块选项）；
amount.val（$（“#价格”）.slider（“值”，0）+“美元”）；
复选框。on（'change'，function（）{
var id=this.id；
如果（选中此项）{
//推送元素与值
选择editems.push（此值）；
}否则{
//取消选中时删除项目
selectedItems.splice（selectedItems.indexOf（this.value），1）；
}
updateList（）；
});
复选框2.on（'change'，function（））{
var id=this.id；
如果（选中此项）{
//推送元素与值
选择Editems2.push（此值）；
}否则{
//取消选中时删除项目
selectedItems2.splice（selectedItems2.indexOf（this.value），1）；
}
updateList（）；
});
var updateList=函数（）{
//创建用于连接的值映射
var selectedItemsValues=selectedItems.sort（）.join（'*'），
selectedItemsValues2=selectedItems2.sort（）.join（'*'），
//最小值
minPrice=slider.slider（'value'，0）；
console.log（selectedItemsValues）；
console.log（selectedItemsValues2）；
//筛选列表项
listItems.hide（）.filter（函数（））{
//获取数据属性
var data=this.dataset；
//将列表限制为价格范围和选项
返回编号（data.price）>=minPrice&&（selectedItems.length？data.category.includes（selectedItems值）：true）&&（selectedItems2.length？data.vendor.includes（selectedItems值2）：true）；
})
.show（）；
}
});



标签
1.
2.
3.
4.
5.
6.
7.
8.
品牌
蜂蜜
安基特




10000美元包含1 2 3 4
12000美元包含2 3
13000美元包含4.5美元
14000美元包含5*6
12000美元包含5
14000美元包含12
16000美元包含1 2 3
20000美元包含7.8

请告诉我如何使用多个品牌来实现这一点。