微信小程序radio组件
wxml文件
<radio-group bindchange="changeme"> <label wx:for='{{items}}'> <radio value='{{item.value}}' checked='{{item.checked}}' /> {{item.name}} </label> </radio-group>
js文件
Page({ /** * 页面的初始数据 */ data: { items: [ { name: 'USA', value: '美国' }, { name: 'CHN', value: '中国', checked: 'true' }, { name: 'BRA', value: '巴西' }, { name: 'JPN', value: '日本' }, { name: 'ENG', value: '英国' }, { name: 'TUR', value: '法国' }, ] }, changeme:function(e){ var a = e.detail.value; console.log(a); } })
radio要用radio-group包住。
只有一个bindchange事件。当change这个radio的时候,事件会e.detail.change一个当前选择的value出来。