layui之多选框搜索实现

<div class="layui-form-item">
<label class="layui-form-label">行为类型</label>
  <input type="checkbox" value="1" title="刷抖音" lay-skin="primary">
  <input type="checkbox" value="2" title="吃饭" lay-skin="primary">
  <input type="checkbox" value="3" title="睡觉" lay-skin="primary">
</div>

 

var arr_box = [];
$('input[type=checkbox]:checked').each(function() {
  arr_box.push($(this).val());
});

var types=arr_box.toString();

 

types是选中的框的value值以逗号分隔的字符串

后端直接在sql里in查询，非常优雅

and type in (${req.types})