原生JS实现多条件筛选

本文实例为大家分享了原生JS实现多条件筛选的具体代码，供大家参考，具体内容如下

我在学JS初始看到的教程基本都是JS二级联动查询、三级联动查询；如下图：

但有时并不需要级联查询，如购买商品时：

今天我以慕课网前端样式作为参考做了下面的Demo，基于原生JS

 方向：
 全部
 前端
 后台
 数据库
 UI设计


 分类：
 全部
 HTML/CSS
 Javascript
 jQuery
 Python
 Java
 AngularJS


 类型：
 全部
 基础
 案例
 框架
 工具

返回值：

 span{display: inline-block;
  cursor: pointer; padding: 8px; border: 1px solid #999;}
 span.active{
  background-color: #c14d00;
 }