表单组件checkbox:官方文档
Demo Code:
JS
Page({ data:{ items:[ {name: 'USA', value: '美国'}, {name: 'CHN', value: '中国', checked: 'true'}, {name: 'BRA', value: '巴西'}, {name: 'JPN', value: '日本'}, {name: 'ENG', value: '英国'}, {name: 'TUR', value: '法国'} ] }, checkboxChange:function(options){ console.log('checkbox发生change事件,携带value值为:', options.detail.value); } })
WXML:
<checkbox-group bindchange="checkboxChange"> <label class="checkbox" wx:for="{{items}}"> <checkbox value="{{item.name}}" checked="{{item.checked}}" />{{item.value}} </label> </checkbox-group>
WXSS:
.checkbox{ display:block; margin-left:10px; margin-top:5px; }