layui的单选框怎么写
时间: 2023-11-11 14:02:46 浏览: 107
layui的select下拉框插件,可以多选
LayUI的单选框组件是基于复选框组件的,可以通过设置type属性为radio来实现单选框效果。以下是一个简单的示例代码:
```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>
```
其中,name属性为单选框组的名称,同一组的单选框应该设置相同的名称。title属性为单选框的显示文本,value属性为单选框的值。通过设置checked属性为checked,可以设置单选框的默认选中状态。
你可以根据自己的需求进一步调整样式和布局。
阅读全文