layui的treeSelect多选

layui是一个轻量级的前端UI库，它提供了一个名为`layui.treeSelect`的功能，用于创建树状选择列表，支持多选功能。这个组件允许用户通过点击节点来添加或移除到已选集合中，非常适合展示层级结构的数据并让用户进行选择。

使用layui的treeSelect进行多选的基本步骤如下：

1. 引入必要的样式和JavaScript文件：

<link rel="stylesheet" href="layui/css/layui.css">
<script src="layui/layui.js"></script>

2. 在HTML中添加treeSelect元素，并设置初始化配置：

<div id="treeDemo" lay-filter="treeSelect"></div>

layui.use('layui.tree', function(){
    var tree = layui.tree;
    tree.render({
        elem: '#treeDemo',
        tree: [
            {name: '节点1', children: [{name: '子节点1'}, {name: '子节点2'}]},
            {name: '节点2'}
        ],
        methods: {
            // 自定义节点点击事件，处理多选逻辑
            click: function(node){
                if(node.check()){
                    // 节点已被选中，取消选中
                    node.setChecked(false);
                } else {
                    // 节点未被选中，选中
                    node.setChecked(true);
                }
            }
        },
        check: true, // 开启多选
        filter: false // 隐藏搜索框
    });
});

在这个例子中，`check: true`设置了默认开启多选，用户可以自由勾选或取消勾选节点。