<view class="item" wx:for="{{data}}" wx:for-item="item" wx:for-index="idx" data-idx="{{idx}}" bindtap="chooseItem">  <view class="choosebtn {{idx==currentidx&&choose==true?'choosedbtn':'choosenobtn'}}"></view>  <text>{{idx==currentidx&&choose==true?text:textTwo}}</text></view>

.item { width: 100%; height: 120rpx; background: #f5f5f5; display: flex; flex-direction: row; align-items: center; margin-bottom: 20rpx;}.item .choosebtn { width: 60rpx; height: 60rpx; border-radius: 50%; margin-left: 40rpx;}.item .choosenobtn { background: #c0c0c0;}.item .choosedbtn { background: #87ceeb;}.item text { margin-left: 30rpx;}

Page({ data: {  // 讓所有的選項(xiàng)都成為未選中狀態(tài)  choose: false,  // 用來(lái)循環(huán)展示的數(shù)據(jù)  data: [1, 2, 3],  text: '選中了',  textTwo: '沒(méi)選中' }, // 點(diǎn)擊選項(xiàng)卡時(shí)的js chooseItem: function (e) {  //記錄上次點(diǎn)擊的對(duì)象的序號(hào)  var oldidx = this.data.currentidx;  //記錄當(dāng)前點(diǎn)擊的對(duì)象的序號(hào)  var currentidx = e.currentTarget.dataset.idx;  if (oldidx == currentidx) {   var choose = this.data.choose;   this.setData({    currentidx: currentidx,    choose: !choose   })  } else {   this.setData({    currentidx: currentidx,    choose: true   });  } }})