- jQuery Mobile 教程
- jQuery Mobile —— 主頁
- jQuery Mobile —— 概覽
- jQuery Mobile —— 設定
- jQuery Mobile —— 頁面
- jQuery Mobile —— 圖示
- jQuery Mobile —— 過渡
- jQuery Mobile —— 佈局
- jQuery Mobile —— 小元件
- jQuery Mobile —— 事件
- jQuery Mobile —— 表單
- jQuery Mobile —— 主題
- jQuery Mobile —— CSS 類
- jQuery Mobile —— 資料屬性
- jQuery Mobile 相關資源
- jQuery Mobile —— 面試題
- jQuery Mobile —— 快速指南
- jQuery Mobile —— 有用資源
- jQuery Mobile —— 討論
jQuery Mobile —— 複選框小元件
複選框用於需要選擇多個選項時。它們使用 <input> 標記建立,但型別屬性設定為複選框。
下表詳細演示了複選框的型別。
| 序號。 | 型別和描述 |
|---|---|
| 1 | 基本標記
可以透過屬性 type = "checkbox" 和相應標籤使用 <input> 元素建立複選框。 |
| 2 | 小號
在元素中包含屬性 data-mini = "true" 以建立小版本。 |
| 3 | 垂直組
預設情況下,複選框垂直設定。 |
| 4 | 水平組
透過將 data-type = "horizontal" 包含到 fieldset 中,將複選框水平設定。 |
| 5 | 圖示位置
可以使用屬性 data-iconpos = "right" 將複選框圖示按鈕放在 fieldset右側。 |
| 6 | 主題
可以使用屬性 data-theme 將主題設定為複選框。 |
| 7 | 停用
在輸入中設定屬性 disabled = "" 以停用複選框。 |
| 8 | 增強
使用 data-enhanced = "true" 將複選框增強到輸入欄位中。 |
jquery_mobile_widgets.htm
廣告