miniui单选框
时间: 2024-01-15 19:09:51 浏览: 142
MiniUI 是一个基于 jQuery 的 UI 库,其中包含了一些常用的 UI 组件,包括单选框(Radio Button)。
要在 MiniUI 中使用单选框,你需要使用以下代码:
```html
<div class="mini-radiobuttonlist">
<input type="radio" id="radio1" name="radioGroup" value="1" checked>
<label for="radio1">选项1</label>
<input type="radio" id="radio2" name="radioGroup" value="2">
<label for="radio2">选项2</label>
<input type="radio" id="radio3" name="radioGroup" value="3">
<label for="radio3">选项3</label>
</div>
```
以上代码创建了一个单选框组,包含了三个选项。每个选项都是通过一个 input 元素和一个 label 元素组成的。其中,input 元素的 type 属性设置为 radio,name 属性设置为同一个值,以实现单选框组的效果。label 元素的 for 属性设置为对应的 input 元素的 id 值,以实现选中 label 后选中对应的 input 元素的效果。
注意,以上代码中的 class 属性设置为 mini-radiobuttonlist,这是 MiniUI 中单选框组的默认样式。如果你想自定义样式,可以修改这个 class 属性的值,并在 CSS 中定义对应的样式。
阅读全文