Checkbox复选框

复选输入框用来提供带有一个以上的可选选项的列表. 复选框按钮是由checkboxradio插件来渲染的.

Basic markup基本标记

要创建单个复选框, 给input元素添加type="checkbox"属性和相应的label即可. 如果input元素相应的label没有覆盖在input上, 那么就一定要把labelfor属性设置与inputid值相匹配, 使他们能够在语义上相关联.

Mini size小尺寸

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

Vertical group垂直按钮组

通常情况下,多个复选框会置于标题下方. 如果fieldset带有 data-role="controlgroup"属性, jQuery Mobile会自动移除按钮间的所有margin, 给按钮组上下添加圆角, 使得多个复选框按钮看起来为一个整体.

Vertical:

Horizontal group水平按钮组

复选按钮组也可用作同时选择多个按钮的按钮组. 比如说文字编辑器的粗体, 斜体, 下划线按钮. 要设置水平按钮组, 给fieldset添加 data-type="horizontal"属性即可.

Horizontal:

Icon position图标位置

要交换选中图标的默认左侧位置, 只需要给fieldset添加data-iconpos="right"属性, 以便创建一个小尺寸的版本.

Icon right:

Theme主题

若要设置主题, 给fieldset上的每个复选框添加data-theme属性即可.

Swatch B:

Disabled禁用

Enhanced渲染