<block wx:for="{{gd1List2}}">
<button class="{{item.isChecked2?‘normal’:‘a2’}}" bindtap=‘getDemo2’ data-text="{{item.name}}" data-index=’{{index}}’>
{{item.name}}
<;/button>
</block>
//js
page({
data:{
gd1List2: [
{ name: “毛坯房”, isChecked2: false },
{ name: “普通装修”, isChecked2: false },
{ name: “精装修”, isChecked2: false },
{ name: “豪华装修”, isChecked2: false },
],
},
getDemo2: function (e) {
var that = this
var index = e.currentTarget.dataset.index;//每一个button的索引
var item = that.data.gd1List2[index];//每一个索引对应的内容
item.isChecked2 = !item.isChecked2;//选中,未选中 两种状态切换
that.setData({//更新到data
gd1List2: that.data.gd1List2,
});
})
这样就可以实现多选效果了
如果有错误的地方请指出来,谢谢