时间：2021-07-01 10:21:17 帮助过：5人阅读
下面是高级检索的核心功能代码，我使用的是纯js实现，并未使用jquery：
第3行到第36行主要是弹窗的HTML代码。
37,38行使用了js中常用的最简单的在页面中动态修改前台的方法。
第39行和第46行均为对新增代码的动作处理，用于提交条件和子条件。
在第46行的函数里面，做了对字符串的拼接处理。
在第88行到第96行，实现了通过隐藏表单提交查询条件的js+html调用。
jquery js实现高级条件检索功能中检索条件切换
基本思路：
1.HTML：
使用table展示所有检索条件，使用input控件展示每一个检索条件，定义两种CSS类样式，用以区分检索条件的选中与未选中状态
2.JS实现：
为未选中的input绑定点击事件，可通过绑定未选中的样式类来实现，代码实现
此时就实现了所有检索条件的自动切换