Radio buttons单选按钮

单选输入按钮用来提供只能单选的选项列表. 单选按钮是由checkboxradio插件来渲染的.

Basic markup基本标记

要创建一组单选按钮, 给input添加type="radio"属性和相应的label即可. 设置labelfor属性, 使它能匹配inputid, 这样他们就能够在语义上相关联.

Vertical group垂直按钮组

如果容器带有 data-role="controlgroup"属性, jQuery Mobile会自动移除按钮间的所有margin, 给按钮组上下添加圆角, 使得多个单选框按钮看起来为一个垂直按钮组的整体.

Vertical:

Horizontal group水平按钮组

要设置水平按钮组, 给fieldset添加 data-type="horizontal"属性即可.

Horizontal:

Mini size小尺寸

给单选框元素添加data-mini="true"属性来创建一个小尺寸的版本, 这样就可以得到一个更紧凑, 在工具栏和狭小的空间里都很有用的版本.

Vertical, icon right, mini sized:

Icon position图标位置

要交换选中图标的默认左侧位置, 只需要给controlgroup添加data-iconpos="right"属性即可.

Vertical, icon right:

Theme主题

若要设置主题, 给controlgroup或者每个复选输入框(译者注:原文此处为checkbox,译者认为应该是radio单选输入框)添加data-theme属性即可.

Horizontal:

Disabled禁用

Enhanced渲染