layui的单选框怎么用
时间: 2023-09-11 07:03:27 浏览: 39
Layui的单选框组件是form模块中的radio组件,使用方法如下:
1. 在HTML代码中引入Layui的样式文件和JavaScript文件
```html
<link rel="stylesheet" href="layui/css/layui.css">
<script src="layui/layui.js"></script>
```
2. 在HTML代码中添加单选框组件的HTML结构
```html
<div class="layui-form-item">
<label class="layui-form-label">单选框</label>
<div class="layui-input-block">
<input type="radio" name="sex" value="男" title="男" checked>
<input type="radio" name="sex" value="女" title="女">
</div>
</div>
```
3. 在JavaScript代码中初始化单选框组件
```javascript
layui.use('form', function(){
var form = layui.form;
//执行表单渲染
form.render();
});
```
以上代码中,name属性相同的单选框会自动形成一组,title属性为单选框选项的文本内容,value属性为单选框选项的值,checked属性表示默认选中的单选框。在使用时,可以通过form模块的render方法对表单进行渲染。