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

    })

  }

})