layui-card-body里设置类似layui-form-item的复选框
时间: 2023-07-07 10:22:01 浏览: 67
如果你想在 layui-card-body 中设置类似 layui-form-item 的复选框,可以使用 layui 的 form 组件来实现。具体步骤如下:
1. 在 layui-card-body 中添加一个表单元素,例如 `<form class="layui-form">`
2. 在表单元素中添加 layui-form-item 类似的 div 元素,例如 `<div class="layui-form-item">`
3. 在 layui-form-item 元素中添加复选框元素,例如 `<input type="checkbox" name="checkbox1" title="复选框1">`
4. 使用 layui 的 form.render() 方法进行渲染,例如 `form.render('checkbox');`
最终代码如下:
```html
<div class="layui-card-body">
<form class="layui-form">
<div class="layui-form-item">
<input type="checkbox" name="checkbox1" title="复选框1">
<input type="checkbox" name="checkbox2" title="复选框2">
<input type="checkbox" name="checkbox3" title="复选框3">
</div>
</form>
</div>
<script>
layui.use(['form'], function(){
var form = layui.form;
form.render('checkbox');
});
</script>
```
这样就可以在 layui-card-body 中设置类似 layui-form-item 的复选框了。