【微信小程序---checkbox复选框讲解】

效果：

checkbox注意点

1. 外围要包裹checkbox-group使用  bindchange事件也是在这个标签内
2. wx：for 循环遍历list中的每一个item wx：key=“id” value=“{ {item.value}}”

---

 checkbox复选框.wxml

<view>
	<checkbox-group bindchange="handleItemChange">
		<checkbox value="{
  {item.value}}" wx:for="{
  {list}}" wx:key="id">
			{
  {item.name}}
		</checkbox>
	</checkbox-group>
  <view>选中的水果：{
  {checkedList}}</view>
</view>

 

---

 checkbox复选框.js

// pages/demo-checkbox/demo-checkbox.js
Page({
  data: {
    list: [
      {
        id: 0