技術標籤：微信小程式小程式checkbox

需求
存在三個複選框水果系列 選擇之後會在下面打印出選擇的value值
實現
在wxml中

<view>
	<checkbox-group bindchange="handlechange">
		<checkbox value="{{item.value}}" wx:for="{{list}}" wx:key="id">
			{{item.name}}
		</checkbox>
	</checkbox-group>
 

</view>
<view>選中的水果是:{{checkedList}}</view>

在js中

data{
	list:[
	{ id:0;
	  name:"蘋果";
	  value:"apple"
	 },
	 {id=1;
	   name:"香蕉";
	   value:"banana"
	  },
	  {id:2;
	  name:"葡萄";
	  value:"grape"
	 }],
	 checkedList:[]
	}
 
,
	handlechange(e){
	    const checkedList:e.detail.value;
	    this.setData({checkedList})
	   }
	   
	

效果圖：