wxml
<view class="obtn {{item.selected ? 'checked' : ''}}" wx:for="{{obtnArry}}" wx:key="unique" bindtap="checkedBtn" data-value="{{item.name}}" checked="{{item.selected}}" data-index="{{index}}">
{{item.name}}
</view>
js data数据
obtnArry: [
{
name: "学龄前",
num: 0,
selected: false,
},
{
name: "青少儿",
num: 1,
selected: false,
},
{
name: "成人",
num: 2,
selected: false,
},
{
name: "成人",
num: 2,
selected: false,
},
{
name: "成人",
num: 2,
selected: false,
}
],
点击事件js
checkedBtn: function (e) {
let string = "obtnArry[" + e.target.dataset.index + "].selected";
// const checkedicon = "obtnArry[" + e.target.dataset.index + "].selected";
console.log(!this.data.obtnArry[e.target.dataset.index].selected);
this.setData({
[string]: !this.data.obtnArry[e.target.dataset.index].selected
})
let detailValue = this.data.obtnArry.filter(it => it.selected).map(it => it.name)
console.log('所有选中的值为:', detailValue)
},