Radio buttons单选按钮
单选输入按钮用来提供只能单选的选项列表. 单选按钮是由checkboxradio插件来渲染的.
Basic markup基本标记
要创建一组单选按钮, 给input
添加type="radio"
属性和相应的label
即可. 设置label
的for
属性, 使它能匹配input
的id
, 这样他们就能够在语义上相关联.
Vertical group垂直按钮组
如果容器带有 data-role="controlgroup"
属性, jQuery Mobile会自动移除按钮间的所有margin, 给按钮组上下添加圆角, 使得多个单选框按钮看起来为一个垂直按钮组的整体.
Horizontal group水平按钮组
要设置水平按钮组, 给fieldset
添加 data-type="horizontal"
属性即可.
Mini size小尺寸
给单选框元素添加data-mini="true"
属性来创建一个小尺寸的版本, 这样就可以得到一个更紧凑, 在工具栏和狭小的空间里都很有用的版本.
Icon position图标位置
要交换选中图标的默认左侧位置, 只需要给controlgroup添加data-iconpos="right"
属性即可.
Theme主题
若要设置主题, 给controlgroup或者每个复选输入框(译者注:原文此处为checkbox,译者认为应该是radio单选输入框)添加data-theme
属性即可.