【實例簡介】

部分代碼：

checkedID : null

},

check:function(e){

let id = e.currentTarget.dataset.id;

if (this.data.checkedID !== id){

this.setData({

checkedID : id

})

}

},

save:function(){

let id = this.data.checkedID;

let wishList = this.data.wishList;

let i = wishList.findIndex(function(item,index,arr){

return item.id == id;

})

if (i >= 0){

app.setWishes(wishList[i].wishes,true);

wx.navigateBack()

}else{

console.error(`no item with id ${id} in wishList`)

}

},

onLoad:function(opt){

app.getUserInfo(function(userInfo){

console.log(userInfo.nickName)

})

let that = this;

util.request({

path:'lists',

relation:opt.relation,

sex:opt.sex

},function(wishList){

that.setData({

wishList : wishList

})

})

}

})

more.wxml:

<view class="container">

<scroll-view scroll-y="true">

<!-- <form bindsubmit="save"> -->

<!-- <radio-group name="select-more"> -->

<block wx:for="{{wishList}}" wx:key="{{item}}">

<view class="item {{checkedID === item.id ? 'on' : ''}}" bindtap="check" data-id="{{item.id}}" >

<!-- <radio value="{{item.id}}" hidden id="{{item.id}}"/> -->

<!-- <label class="label" for="{{item.id}}" bindtap="check" data-id="{{item.id}}"> -->

<view class="state">

<view class="circle {{itemIndex == item ? 'on' : ''}}"></view>

</view>

<view class="sentence">

{{item.wishes}}

</view>

<!-- </label> -->

</view>

</block>

<!-- </radio-group> -->

<!-- </form> -->

</scroll-view>

<button class="save" hover-class="save-hover" bindtap="save">確定</button>

</view>