星期四, 7月 05, 2012

PhoneGap 教學 - 如何使用 Radio buttons (Android)

Photobucket

今天我們要來介紹一下: 「如何使用 Radio buttons」
一般 Radio buttons定義: 在有多個選項,但只能擇一,
此時可以使用Radio buttons。
(PS.若有多個選項,且可以多個選擇,一般使用Checkbox。)



  • 宣告單一個Radio button:

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






  • 宣告多個Radio button且設為一個群組,讓選項只能擇一 :



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

如此次範例:
你最喜歡哪一種智慧型手機平台?


執行畫面如下:
Photobucket


當點選其中一個按鈕則會彈跳出訊息視窗,顯示這次顯示的內容名稱,
所以我們並須加入觸發動作函式:
Photobucket




範例程式碼下載:  




相關文章:
jQuery 教學目錄

0 意見 :

張貼留言

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

關閉廣告 [X]