星期六, 7月 07, 2012

PhoneGap 教學 - 如何使用 Checkboxes (Android)

Photobucket

繼續延續之前的話題,如何使用表單相關控制元件,

今天我們要來看一下:「如何使用Checkboxes」。


  • 宣告單一個 Check box :

 
                    
說明:
宣告一個input標籤,type設為 checkbox
宣告一個label標籤,輸入欲顯示的文字


  • 宣告多個 Check box 且設為一個群組 :

說明:
宣告一個 fieldset 標籤,data-role 設為 "controlgroup",
fieldset  標籤裡,即是放各個Check box, 
則放在裡面的 Check box 則會形成一個群組。



範例執行畫面:
Photobucket






當點選下方「確認」按鈕則會彈跳出訊息視窗,顯示這次勾選的內容名稱,
所以我們並須加入觸發動作函式:
Photobucket






範例程式碼下載:   




相關文章:
jQuery 教學目錄 

0 意見 :

張貼留言

回覆意見時,麻煩輸入一下暱稱
(隨便取個名字也好~ ^_^)
好讓我方便回覆您的問題,
選擇「名稱/網址」輸入您的暱稱,
麻煩一下,謝謝大家。

關閉廣告 [X]