wxml:
<view class='parameter-wrap'>
<block wx:for="{{parameter}}" wx:key="parameter">
<text class='parameter-info text-over {{item.checked?"checked_parameter":""}}' data-id='{{item.id}}' bindtap='parameterTap' >{{item.name}}</text>
</block>
<input hidden='true' name='sex' value='{{dataId}}'></input>
</view>
js:
Page({
/**
* 页面的初始数据
*/
data: {
parameter: [{ id: 1, name: '男' }, { id: 2, name: '女' }],
dataId: '',
},
onLoad: function (options) {
this.data.parameter[0].checked = true;
this.setData({
parameter: this.data.parameter,//默认parameter数组的第一个对象是选中的
dataId: this.data.parameter[0]['id']
})
},
//参数点击响应事件
parameterTap: function (e) {
var that = this;
var this_checked = e.currentTarget.dataset.id;
var parameterList = this.data.parameter
for (var i = 0; i < parameterList.length; i++) {
if (parameterList[i].id == this_checked) {
parameterList[i].checked = true;
that.setData({
dataId: parameterList[i].id,
})
} else {
parameterList[i].checked = false;
}
}
that.setData({
parameter: parameterList,
})
},
bindDateChange: function (e) {
this.setData({
date: e.detail.value
})
},
})