layui单选按钮
时间: 2023-06-29 08:18:01 浏览: 110
在layui框架中,单选按钮可以使用radio组件来实现。具体使用方法如下:
1. 引入layui的css和js文件:
```
<link rel="stylesheet" href="https://cdn.staticfile.org/layui/2.5.6/css/layui.min.css">
<script src="https://cdn.staticfile.org/layui/2.5.6/layui.min.js"></script>
```
2. 在页面中添加radio组件:
```
<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>
```
其中,name属性指定了单选按钮的组名,value属性指定了单选按钮的值,title属性指定了单选按钮的显示文本。
3. 初始化radio组件:
```
layui.use('form', function(){
var form = layui.form;
//执行渲染
form.render();
});
```
以上就是使用layui实现单选按钮的基本步骤。
阅读全文