Checkbox复选框
复选输入框用来提供带有一个以上的可选选项的列表. 复选框按钮是由checkboxradio插件来渲染的.
Basic markup基本标记
要创建单个复选框, 给input
元素添加type="checkbox"
属性和相应的label
即可. 如果input
元素相应的label
没有覆盖在input
上, 那么就一定要把label
的for
属性设置与input
的id
值相匹配, 使他们能够在语义上相关联.
Mini size小尺寸
给复选框元素添加data-mini="true"
属性来创建一个小尺寸的版本, 这样就可以得到一个更紧凑, 在工具栏和狭小的空间里都很有用的版本.
Vertical group垂直按钮组
通常情况下,多个复选框会置于标题下方. 如果fieldset
带有 data-role="controlgroup"
属性, jQuery Mobile会自动移除按钮间的所有margin, 给按钮组上下添加圆角, 使得多个复选框按钮看起来为一个整体.
Horizontal group水平按钮组
复选按钮组也可用作同时选择多个按钮的按钮组. 比如说文字编辑器的粗体, 斜体, 下划线按钮. 要设置水平按钮组, 给fieldset
添加 data-type="horizontal"
属性即可.
Icon position图标位置
要交换选中图标的默认左侧位置, 只需要给fieldset添加data-iconpos="right"
属性, 以便创建一个小尺寸的版本.
Theme主题
若要设置主题, 给fieldset
上的每个复选框添加data-theme
属性即可.