不得不吐糟下checkbox默認樣式真是有點略醜(chou) ！！！checkbox組件為(wei) 一個(ge) 多選框被放到checkbox-group組中，並在checkbox-group（隻能包含checkbox）中設置監聽事件。

checkbox-group監聽方法：

checkbox多選屬性：

wxml

1. <!--checkbox-group就是一個(ge) checkbox組 有個(ge) 監聽事件bindchange，監聽數據選中和取消-->
2. <checkbox-group bindchange="listenCheckboxChange">
3. <!--這裏用label顯示內(nei) 容，for循環寫(xie) 法 wx:for-items 默認item為(wei) 每一項-->
4. <label style="display: flex;" wx:for-items="{{items}}">
5. <!--value值和默認選中狀態都是通過數據綁定在js中的-->
6. <checkbox value="{{item.name}}" checked="{{item.checked}}"/>{{item.value}}
7. </label>
8. </checkbox-group>

js

Page({
    /**
     * 初始化數據
     */
  data:{
    items: [
        {name: 'JAVA', value: 'androids', checked: 'true'},
        {name: 'Object-C', value: 'ioses'},
        {name: 'JSX', value: 'ReactNative'},
        {name: 'JS', value: 'wechat'},
        {name: 'Python', value: 
                	

                    	
                        微信小程序最簡示例教程                    
                    
                	

                        教你如何在微信小程序中使用 Hprose