微信小程序开发中关于radio的问题

微信小程序开发中关于radio的问题

wxml

等等若干个，每个radio的值可能不一样,不过都是a b c之类的单选题
js

radioChange1 : function (e) {this.data.faver[0]  = e.detail.value},
radioChange2 : function (e) {this.data.faver[1] = e.detail.value},
radioChange3 : function (e) {this.data.faver[2] = e.detail.value},
radioChange4 : function (e) {this.data.faver[3] = e.detail.value},
radioChange5 : function (e) {this.data.faver[4] = e.detail.value},
radioChange6 : function (e) {this.data.faver[5] = e.detail.value},
radioChange7 : function (e) {this.data.faver[6] = e.detail.value},
radioChange8 : function (e) {this.data.faver[7] = e.detail.value},
radioChange9 : function (e) {this.data.faver[8] = e.detail.value},
radioChange10: function (e) {this.data.faver[9] = e.detail.value},
radioChange11: function (e) {this.data.faver[10] = e.detail.value},
radioChange12: function (e) {this.data.faver[11] = e.detail.value},
radioChange13: function (e) {this.data.faver[12] = e.detail.value},
radioChange14: function (e) {this.data.faver[13] = e.detail.value},
radioChange15: function (e) {this.data.faver[14] = e.detail.value},
radioChange16: function (e) {this.data.faver[15] = e.detail.value},

将这些radio的值传到data的faver数组中，请问有没有更优雅的操作方法

data定义个数组对应radio，wx:for遍历下，同时用data-xx属性记录住index下标，bindtap通过只需要一个处理函数， e.target.dataset.xx得到下标，更改下对应的值搞定了。。

这种还是用循环来操作比较好。
view中用wx:for操作，循环时绑定下标。
然后radioChange事件声明一个就行，搭配for循环时的下标来操作。

• 给你找了一篇非常好的博客，你可以看看是否有帮助，链接：微信小程序 之自定义radio样式

您好，我是有问必答小助手，您的问题已经有小伙伴帮您解答，感谢您对有问必答的支持与关注！
PS：问答VIP年卡 【限时加赠：IT技术图书免费领】，了解详情>>> https://vip.csdn.net/askvip?utm_source=1146287632