# 單選按鈕組 Radio buttons 復選框用來提供一組選項，可以選中不止一個選項。傳統的桌面程序的單選按鈕組沒有對觸摸輸入的方式進行優化，所以在Jquery Mobile中，label也被樣式化為復選按鈕，使按鈕更長，容易點擊。并添加了自定義的一組圖標來增強視覺反饋 單選按鈕組和復選按鈕組都是用標準的html代碼寫的，但是都被樣式化得更容易點擊。你所看見的控件其實是覆蓋在input上的label元素?所以如果圖片沒有正確加載，你仍然可以正常使用控件。在大多數瀏覽器里，點擊label會自動觸發在input上的點擊，但是我們不得不為部分不支持該特性的移動瀏覽器人工去觸發該點擊。在桌面程序里，鍵盤和屏幕閱讀器也可以使用這些控件 要創建一組復選框，為input添加 type="checkbox"屬性和相應的label即可。注意要把label的for屬性設為input的id值，使他們能夠在語義上相關聯 因為復選按鈕使用label元素放置checkbox后，用來顯示其文本，我們推薦把復選按鈕組用fieldset容器包裹，并給fieldset容器內增加一個legend 元素，用來表示該問題的標題 最后，還需將fieldset包裹在有data-role="controlgroup"屬性的div 里以便于將該組元素和文本框，選擇框等其他表單元素同時設置樣式?p&gt; **HTML 代碼:** ``` <div data-role="fieldcontain"> <fieldset data-role="controlgroup"> <legend>Agree to the terms:</legend> <input type="checkbox" name="checkbox-1" id="checkbox-1" class="custom" /> <label for="checkbox-1">I agree</label> </fieldset> </div> ``` ## 垂直成組的復選按鈕組 Vertically grouped checkboxes 通常情況下，復選按鈕組會置于標題下面,Jquery Mobile會自動移除按鈕間的margin，給按鈕組上下添加圓角，使得單選按鈕組看起來為一個整體 ## 水平的復選按鈕組 Horizontal toggle sets 復選按鈕組也可用作復選的水平按鈕組，,可以同時選擇多個按鈕。比如說文字編輯器的粗體,斜體, 下劃線。只需要為fieldset添加 data-type="horizontal"屬性即可 ``` <fieldset data-role="controlgroup" data-type="horizontal" data-role="fieldcontain"> ``` Jquery Mobile會自動將標簽浮動，并排放置，并隱藏復選按鈕的icon,并給左右兩邊的按鈕增加圓角  ## 刷新復選按鈕　Refreshing a checkbox 如果你想通過js手動控制復選按鈕，務必調用 refresh 方法刷新樣式 ``` $("input[type='checkbox']").attr("checked",true).checkboxradio("refresh"); ```