小编Pet*_*ete的帖子

使用多个Checkbox进行Jquery过滤

对于当前项目,我正在创建一个简单的产品目录,应该可以通过Jquery使用几组复选框进行过滤.

在选中两个或更多复选框的单个集合中,逻辑应为OR,而当使用两个或更多复选框时,它应为AND.

我目前使用的一个好的(和工作)示例可以在这里找到:

/sf/answers/1605880951/

的jsfiddle

if (cselector === '' && nselector === '') {
    $('.flowers > div').filter(selector).show();
} else if (cselector === '') {
    $('.flowers > div').filter(selector).filter(nselector).show();
} else if (nselector === '') {
    $('.flowers > div').filter(selector).filter(cselector).show();
} else {
    $('.flowers > div').filter(selector).filter(cselector).filter(nselector).show();
}
Run Code Online (Sandbox Code Playgroud)

我的问题是在选择过滤器时使用过滤器的代码的这一部分.现在,这对于示例中使用的3个过滤器非常有用.我想知道有没有更好的方法来做这件事?在我的情况下,我想添加一些更多的过滤器,然后当我必须添加更多if语句时,这部分代码将很快变得混乱.

所以基本上我的问题是:使用这个设置,你将如何添加更多的过滤器,这样你最终有6或7而不是当前的3?

非常感谢,彼得

PS我也很欣赏完全不同的方法提示,但由于我已经花了很长时间,我真的很想让它以这种方式工作.

javascript checkbox jquery filtering

2
推荐指数
1
解决办法
2万
查看次数

标签 统计

checkbox ×1

filtering ×1

javascript ×1

jquery ×1