复选框checkbox

复选框

同单选框，只需要更改input的type和图标改为um-icon-checkbox

<div class="um-check-group um-check-group-left">
    <label class="um-check-group-item">
        <input name="um-checkbox" type="checkbox" checked value="">
        复选框1 <span class="um-icon-checkbox um-css3-vc"></span>
    </label>
</div>

Js获取复选框值

$("#checkbox").on("change",function(){
    var arr = [];
    $.each($(this).find("input:checkbox"),function(){
        if(this.checked)    arr.push($(this).val());
    })
    alert("您选择的是：" + arr.toString())
})

使用jQuery的prop方法设置checked属性时，在IOS和部分安卓设备上视图无法更新，需要手动触发change事件如下:

$("input:checkbox").trigger("change");