miniui 单选框例子

以下是一个使用 MiniUI 的单选框例子：

HTML 代码：

<div class="mini-radiobuttonlist" id="myRadio">
  <input name="gender" value="male" text="Male" checked="checked" />
  <input name="gender" value="female" text="Female" />
</div>

JavaScript 代码：

// 初始化单选框组件
mini.parse();

// 获取单选框组件实例
var radio = mini.get("myRadio");

// 获取选中的单选框的值
var value = radio.getValue();

// 获取选中的单选框的文本
var text = radio.getText();

在上面的 HTML 代码中，我们创建了一个类名为 `mini-radiobuttonlist` 的 div 元素，并在其中放置了两个 input 元素，这两个元素的 `name` 属性相同，但 `value` 和 `text` 属性不同，这样就创建了一个单选框组件。其中，第一个 input 元素的 `checked` 属性设置为 `checked`，表示默认选中该选项。

在 JavaScript 代码中，我们首先调用 `mini.parse()` 方法来初始化 MiniUI 组件，然后使用 `mini.get()` 方法获取 ID 为 `myRadio` 的单选框组件实例，最后使用 `getValue()` 方法和 `getText()` 方法分别获取该组件选中的值和文本。