微信小程序——Radio实现单选功能

1.wxml代码

<text>请选择你的测试场景</text>
<radio-group bindchange="radiochange">
<radio value='Q3'>3m安静</radio>
<radio value='P1'>1m强干扰</radio>
<radio value='S3' >3m单点干扰</radio>
<radio value='Q5'>5m安静</radio>
<radio value='M3'>3m多点干扰</radio>
</radio-group>

2.js代码，添加radioChange事件函数，获取单项选中的值，将其打印出来

radiochange:function(e){
    console.log('radio发生change事件，携带的value值为：',e.detail.value)
  },

3.未加wcss，效果如图：