jQuery Mobile - 单选按钮小组件



当在众多选项中只需要选择一个选项时,将使用单选按钮。它们也使用 <input> 标记创建,但 type 属性设置为 radio

下表详细演示了单选按钮的类型。

序号 类型和说明
1 基本标记

可以使用带有 type = "radio" 属性和相应标签的 <input> 元素创建单选按钮。

2 迷你大小

在 fieldset 元素中,包括属性 data-mini = "true" 以创建迷你版本。

3 垂直组

默认情况下,单选按钮垂直设置。

4 水平组

通过将 data-type = "horizontal" 包含到 fieldset 中,可以将单选按钮水平设置。

5 图标位置

可以使用属性 data-iconpos = "right" 将单选按钮图标位置设置为 fieldset 的右侧。

6 主题

通过属性 data-theme 将主题设置为单选按钮。

7 禁用

在输入中设置属性 disabled = "disabled" 以禁用单选按钮。

8 增强

使用 data-enhanced = "true" 将单选按钮增强到输入字段中。

jquery_mobile_widgets.htm
广告