標題:
5-6-4 單選按鈕（Radio）
[打印本頁]
作者:
小誌
時間:
2011-4-19 10:01
標題:
5-6-4 單選按鈕（Radio）
5-6-4 單選按鈕（Radio）
單選按鈕（Radio）適用於多備選案答案且單一答案選取的場合，如同單選的選擇題，例如血型、性別…等：
<input type=”Radio” name=”識別名” value=”資料值”>
複製代碼
由於使用者只需點選答案，不需要填寫資料，所以我們必須為每一個單選按鈕建立不同的資料值，最重要的是：為了讓多個單選按鈕成為單選的群組，故同群組內的單選按鈕其「name」屬性值必須為相同的「識別名」。
radio.php
<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>
複製代碼
作者:
小誌
時間:
2011-4-19 10:02
若我們要將某個單選按鈕預設為已選取，則可加入「Checked」屬性設定，例如將血型A的項目設為預先選取「<Input type="Radio" name="blood" value="A" Checked>」，當網頁一開啟後，「A」這個單選按鈕即為選取狀態。
[attach]5531[/attach]
圖5-26 單選按鈕範例radio.php。
當使用者選取了某個單選按鈕後，那麼選取項目的切換僅限於同全中的其他單選按鈕，沒有辦法取消而不選取群組中的任何單選按鈕。
歡迎光臨 麻辣家族討論版版 (http://forum.twbts.com/)
