微信小程序?qū)崿F(xiàn)復(fù)選框效果

// page/index/index.js
Page({
 /**
  * 頁面的初始數(shù)據(jù)
  */
 data: {
  items: [
   { name: 'USA', value: '美國' },
   { name: 'CHN', value: '中國' },
   { name: 'BRA', value: '巴西' },
   { name: 'JPN', value: '日本' },
   { name: 'ENG', value: '英國' },
   { name: 'TUR', value: '法國' },
  ],
  arr: [],
  arrStatus: []
 },

 check: function (e) {
  //獲取當(dāng)前選中的值
  var checkValue = e.currentTarget.dataset.val;
  //獲取當(dāng)前選中的下標(biāo)
  var checkIndex = e.currentTarget.dataset.index;
  //當(dāng)前選中的取反值
  this.data.arrStatus[checkIndex] = !this.data.arrStatus[checkIndex];
  if (this.data.arrStatus[checkIndex]) {
   //如果當(dāng)前為選中狀態(tài)則將值插入進數(shù)組中
   this.data.arr.push(checkValue);
  }else{
   //如果當(dāng)前為未選中狀態(tài)則將值從數(shù)組中刪除并返回一個新的數(shù)組
   for (var i in this.data.arr) {
    if (this.data.arr[i] == checkValue) {
     this.data.arr.splice(i);
    }
   }
  }
  //打印當(dāng)前所選中的數(shù)據(jù)
  console.log(this.data.arr);
 },

 /**
  * 生命周期函數(shù)--監(jiān)聽頁面加載
  */
 onLoad: function (options) {
  //設(shè)置數(shù)組中每一個數(shù)據(jù)的狀態(tài)
  for (var i in this.data.items) {
   this.data.arrStatus[i] = false;
  }
 },
})