- jQuery Mobile Tutorial
- jQuery Mobile - Home
- jQuery Mobile - Overview
- jQuery Mobile - Setup
- jQuery Mobile - Pages
- jQuery Mobile - Icons
- jQuery Mobile - Transitions
- jQuery Mobile - Layouts
- jQuery Mobile - Widgets
- jQuery Mobile - Events
- jQuery Mobile - Forms
- jQuery Mobile - Themes
- jQuery Mobile - CSS Classes
- jQuery Mobile - Data Attributes
- jQuery Mobile Useful Resources
- jQuery Mobile - Interview Questions
- jQuery Mobile - Quick Guide
- jQuery Mobile - Useful Resources
- jQuery Mobile - Discussion
jQuery Mobile - Checkbox Widget
Checkboxes are used when more than one option is required to be selected. They are created using <input> tag but the type attribute is set to checkbox.
Following table demonstrates the types of checkbox in detail.
| Sr.No. | Type & Description |
|---|---|
| 1 | Basic markup
Checkbox can be created by using the <input> element with a type = "checkbox" attribute and corresponding label. |
| 2 | Mini size
In element include attribute data-mini = "true" for creating mini version. |
| 3 | Vertical group
By default, the checkbox is set vertically. |
| 4 | Horizontal group
Set the checkbox horizontally by including the data-type = "horizontal" to the fieldset |
| 5 | Icon position
The position of the checkbox icon button can be set at the right side using data-iconpos = "right" attribute to the fieldset. |
| 6 | Theme
Theme is set to the checkbox using attribute data-theme. |
| 7 | Disabled
Set the attribute disabled = "" in the input to disable the checkbox. |
| 8 | Enhanced
The checkbox is enhanced using the data-enhanced = "true" into the input field. |
