1、複選框

checkbox常用於多選的情況，比如批量刪除、新增等；

DOM結構

<divclass="mui-input-row mui-checkbox"><label>checkbox示例</label><inputname="checkbox1"value="Item 1"type="checkbox"checked></div>

預設checkbox在右側顯示，若希望在左側顯示，只需增加.mui-left類即可，如下：

<divclass="mui-input-row mui-checkbox mui-left">
 
<label>checkbox左側顯示示例</label><inputname="checkbox1"value="Item 1"type="checkbox"></div>

若要禁用checkbox，只需在checkbox上增加disabled屬性即可；

2、單選框
radio用於單選的情況
DOM結構

<divclass="mui-input-row mui-radio"><label>radio</label><inputname="radio1"type="radio"></div>
 

預設radio在右側顯示，若希望在左側顯示，只需增加.mui-left類即可，如下：

<divclass="mui-input-row mui-radio mui-left"><label>radio</label><inputname="radio1"type="radio"></div>

若要禁用radio，只需在radio上增加disabled屬性即可；
mui基於列表控制元件，提供了列表式單選實現；在列表根節點上增加.mui-table-view-radio類即可，若要預設選中某項，只需要在對應li節點上增加.mui-selected類即可，dom結構如下：

<ulclass="mui-table-view mui-table-view-radio"><liclass="mui-table-view-cell"><aclass="mui-navigate-right">Item 1</a></li><liclass="mui-table-view-cell mui-selected"><aclass="mui-navigate-right">Item 2</a></li><liclass="mui-table-view-cell"><aclass="mui-navigate-right">Item 3</a></li></ul>

列表式單選在切換選中項時會觸發selected事件，在事件引數（e.detail.el）中可以獲得當前選中的dom節點，如下程式碼列印當前選中項的innerHTML：

var list = document.querySelector('.mui-table-view.mui-table-view-radio');
list.addEventListener('selected',function(e){
    console.log("當前選中的為："+e.detail.el.innerText);});

3、js獲取單選按鈕的值

function getVals(){var res = getRadioRes('rds');if(res ==null){mui.toast('請選擇');return;}
    mui.toast(res);}function getRadioRes(className){var rdsObj = document.getElementsByClassName(className);var checkVal =null;for(i =0; i < rdsObj.length; i++){if(rdsObj[i].checked){checkVal = rdsObj[i].value;}}return checkVal;}</script>

4、js獲取複選框的值

function getVals(){var res = getCheckBoxRes('rds');if(res.length <1){
        mui.toast('請選擇');return;}
    mui.toast(res);}function getCheckBoxRes(className){var rdsObj   = document.getElementsByClassName(className);var checkVal =newArray();var k        =0;for(i =0; i < rdsObj.length; i++){if(rdsObj[i].checked){
            checkVal[k]= rdsObj[i].value;
            k++;}}return checkVal;}