<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,
});
})
这样就可以实现多选效果了
如果有错误的地方请指出来,谢谢
本文介绍了一种在微信小程序中实现多选功能的方法,通过使用for循环遍历数据数组并结合bindtap事件,实现了选项的选中与取消选中状态切换。此方法适用于需要在小程序中提供用户多项选择的场景。
4441

被折叠的 条评论
为什么被折叠?



