本文編輯：  Mirror瀏覽 5740 4 版權所有，嚴禁轉載

組件說明：

• checkbox是小程序表單組件中的一個組件，作用是在表單中引導用戶做出選擇。
• 要使用checkbox組件，還需要在同組中所有的checkbox標簽外使用checkbox-group標簽。
• checkbox-group標簽的作用是可以為其中的checkbox標簽綁定onchange事件，當用戶做出選擇的時候可以引導用戶。
• 單獨的checkbox標簽不會觸發onchange事件，只有在checkbox-group上綁定才會觸發。

組件用法：

wxml

<view>
    <checkbox-group class="checkbox-group" bindchange="changed">
        <label class="items" wx:for="{{item}}">
            <checkbox value="{{item.value}}" checked="{{item.checked}}" disabled="{{item.disabled}}"/>
            {{item.name}}
        </label>
    </checkbox-group>
</view>

js

Page({
  data:{
    item: [
      {'name': '俄羅斯', 'value': 'RS', 'disabled': false},
      {'name': '美國', 'value': 'US', 'disabled': false},
      {'name': '中國', 'value': 'CN', 'disabled': false, 'checked': true},
      {'name': '英國', 'value': 'UK', 'disabled': false},
      {'name': '日本', 'value': 'JP', 'disabled': true}
    ]
  },
  changed: function(e) {
    console.info('你選擇了' + e.detail.value);
  }
})

wxss

.items {
    display: block;
    margin: 30rpx;
}

主要屬性：

checkbox-group

checkbox