麻辣家族討論版版's Archiver

小誌 發表於 2011-4-19 10:01

5-6-4 單選按鈕(Radio)

[color=DarkRed][size=4][b]5-6-4   單選按鈕(Radio)[/b][/size][/color]
單選按鈕(Radio)適用於多備選案答案且單一答案選取的場合,如同單選的選擇題,例如血型、性別…等:[code]<input type=”Radio” name=”識別名” value=”資料值”>[/code]由於使用者只需點選答案,不需要填寫資料,所以我們必須為每一個單選按鈕建立不同的資料值,最重要的是:為了讓多個單選按鈕成為單選的群組,故同群組內的單選按鈕其「name」屬性值必須為相同的「識別名」。
radio.php[code]<html><head>
<title>單選按鈕元件使用</title>
</head><body>
<form action="radio_ans.php" method="Post">
請選擇血型:<Br>
<Input type="Radio" name="blood" value="A" Checked>A
<Input type="Radio" name="blood" value="B">B
<Input type="Radio" name="blood" value="O">O
<Input type="Radio" name="blood" value="AB">AB
<Br>
<input type="Submit">
</form>
</body></html>[/code]

小誌 發表於 2011-4-19 10:02

若我們要將某個單選按鈕預設為已選取,則可加入「Checked」屬性設定,例如將血型A的項目設為預先選取「<Input type="Radio" name="blood" value="A" Checked>」,當網頁一開啟後,「A」這個單選按鈕即為選取狀態。
[attach]5531[/attach]
圖5-26  單選按鈕範例radio.php。
當使用者選取了某個單選按鈕後,那麼選取項目的切換僅限於同全中的其他單選按鈕,沒有辦法取消而不選取群組中的任何單選按鈕。

頁: [1]

麻辣家族討論版版為 麻辣學園 網站成員  由 昱得資訊工作室 © Since 1993 所提供