詳細解析
在某個網站註冊時,我們會注意到“性別”欄位有兩個選項:“男”和“女”。如果不允許用戶選擇多個選項,可以使用表單元素的單選按鈕對象。單選按鈕對象用於一組互相排斥的值,也就是用戶只能從選項列表中選擇一項。單選按鈕組中所有按鈕共享同一個名稱,所以瀏覽器知道將按鈕組合在一起,通過選中其中一個按鈕,其他按鈕自動變為未選中狀態。除此之外,每個按鈕可以有自己獨特的屬性。
列出了與單選按鈕對象關聯的屬性。
單選按鈕對象的屬性
名稱 說明
checked通過布爾值設定或檢索單選按鈕是否被選中的狀態
name設定或檢索單選按鈕的名稱,該屬性與整個單選按鈕組相聯繫。
type指定控制項的類型
value設定或檢索選項按鈕的值
length返回單選按鈕組中的單選按鈕的個數
列出了與單選按鈕對象關聯的事件處理程式。
與單選按鈕對象關聯的事件處理程式
表單元素事件處理程式說明
單選按鈕onBlur單選按鈕失去焦點時觸發
onClick單選按鈕被選定或取消選定時觸發
onFocus單選按鈕接收焦點時觸發
在以下示例中,onClick事件將根據所單擊的選項按鈕在文本框中生成一條訊息。
使用Option button對象
請指定您的性別
男
女
顯示了執行以上HTML代碼之後的輸出結果。
多選按鈕
以幾個方框表示,選中後會呈現打鉤狀。顧名思義,可以選一個以上的選項。
控制項
單選按鈕,也叫做RadioButton,是個控制項。用兩個或多個該控制項並且Group屬性設定相同值,可使選擇的結果唯一。這是一個基礎控制項。很多第三方控制項也對單選按鈕做出了擴充,提供了更多地功能,以滿足不同的需求。只要將dll添加到工具箱就可以使用。