小程序单选框

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

})

},

})