微信小程序多个button做单选操作

//这里是wxml代码

<block wx:for="{{yearLabel}}">

<button class="{{item.select==yearShow?'b':'a'}}" data-texe="{{item.context}}" data-select='{{item.select}}'

bindtap='getYearLabel'>//这里的b或者a是这个button未选中和选中的样式

{{item.context}}

</button>

</block>

//js

page({

data:{

yearLabel:[

{ context: "满五唯一", select: 1 },

{ context: "满五年", select: 2},

{ context: "满3年", select: 3},

{ context: "满2年", select: 4},

{ context: "满6年", select: 5},

],

},

getYearLabel:function(e){

var that = this

var yearLabel = that.data.yearLabel

that.setData({//更新到data里面

yearShow: e.currentTarget.dataset.select,

yearLabel: that.data.yearLabel

})

},

})

这样就能实现多个按钮 只选一个的效果

如果有错误的地方请指出来,谢谢

 

  • 0
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值