checkbox 复选框

<view>

  <checkbox-group bindchange="handleItemChange">

    <checkbox value="{{item.value}}" wx:for="{{list}}" wx:key="id">

      {{item.name}}

    </checkbox>

  </checkbox-group>

  <view>

    选中的水果:{{checkedList}}

  </view>

</view>

 

 

// pages/demo16/demo16.js

Page({

  data: {

    list:[

      {

        id:0,

        name:"🍎",

        value:"apple"

      },

      {

        id:1,

        name:"🍇",

        value:"grape"

      },

      {

        id:2,

        name:"🍌",

        value:"bananer"

      }

    ],

    checkedList:[]

  },

  // 复选框的选中事件

  handleItemChange(e){

    // 1 获取被选中的复选框的值

    const checkedList=e.detail.value;

    // 2 进行赋值

    this.setData({

      checkedList

    })

  }

})