如何在Layui的下拉框中添加复选框,实现“多选/全选/不选”的效果?

用Layui写了一个搜索下拉框,想在之上添加复选框,实现多选、全选、不选的效果。即在每个内容前加上一个小方框,可以选一到多个,也可以直接全选/不选,请指教,谢谢!

<select name="demo" lay-verify="required" lay-search="">
  <option value="1">1</option>
  <option value="1">1</option>
  <option value="1">1</option>
  <option value="1">1</option>
  <option value="1">1</option>
</select>

参考下这个
https://www.cnblogs.com/fengyulv/p/10313169.html

推荐你用一下 xm-select 这个插件

img

操作起来还是比较简单的,并且后续用到下拉树的时候也可以直接使用
https://maplemei.gitee.io/xm-select/#/basic/optgroup

layui无法在下拉框添加自定义内容,只能自己手写下拉框来实现

试试两篇文章的内容 :https://blog.csdn.net/qq_31635733/article/details/82500451

http://www.javashuo.com/article/p-aiqundyc-kp.html