微信小程序radio组件

Posted 2021-02-02 TaylorLambert

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出来。