layui tree 设置复选框只能选一个
时间: 2023-09-28 14:05:55 浏览: 193
layui复选框限制选择个数的方法
你可以通过设置 layui tree 的 checkbar 参数来实现复选框只能选一个的功能。具体的做法是:在 tree 的配置项中设置 checkbar 为 true,然后在 checkbar 参数中设置 type 为 radio,表示复选框为单选框。代码如下:
```javascript
layui.use(['tree'], function(){
var tree = layui.tree;
var data = [
{
title: '节点1',
id: 1,
children: [
{
title: '子节点1',
id: 2
},
{
title: '子节点2',
id: 3
}
]
},
{
title: '节点2',
id: 4,
children: [
{
title: '子节点3',
id: 5
},
{
title: '子节点4',
id: 6
}
]
}
];
tree.render({
elem: '#test-tree',
data: data,
showCheckbox: true,
checkbar: {
mode: 'none',
type: 'radio'
}
});
});
```
在上面的代码中,我们设置了 checkbar 的 mode 为 none,表示不显示复选框的状态,只显示单选框。通过这样的配置,就可以实现 layui tree 的复选框只能选一个的功能了。
阅读全文