什么是微信小程序？
微信小程序是一种基于微信平台的应用程序，可以在微信内部直接使用，无需像传统应用一样需要下载安装，即用即走。微信小程序的推出，为手机用户提供了更加方便快捷的使用体验。小程序涵盖了很多领域，例如购物、游戏、生活服务等等。
为什么要使用radio显示单选项功能？
在小程序中，我们可能会需要让用户从多个选项中选择一个，这个时候就可以使用radio来实现。在复杂的应用场景下，使用radio可以为用户提供更好的体验，同时也使得代码更加简洁易懂，方便维护。
radio的基本用法
1.在wxml中添加radio组件
在wxml中添加radio组件，并设置相应属性：
<radio-group bindchange="radioChange">
<label class="radio-inline">
<radio value="1" checked="{{true}}">选项一</radio>
</label>
<label class="radio-inline">
<radio value="2">选项二</radio>
</label>
</radio-group>
在上述代码中，我们使用了radio-group来包裹多个radio选项，其中label标签是为了增加可点击区域。在radio组件中，我们设置了value来标识选项，checked属性用于默认选中某一选项。
2.在js中获取选项值
在js中绑定对应的radioChange事件：
Page({
radioChange(e) {
console.log('radio发生change事件，携带value值为：', e.detail.value)
}
})
我们可以通过e.detail.value来获取选中的值。在这个例子中，当我们选择了“选项一”时，控制台会打印如下信息：
radio发生change事件，携带value值为： 1
完整示例代码
下面是一个完整的示例代码，该代码中我们使用了radio组件来展现多个选项，并在js中获取了选项值：
<!--index.wxml-->
<view class="container">
<radio-group bindchange="radioChange">
<label class="radio-inline">
<radio value="1" checked="{{true}}">选项一</radio>
</label>
<label class="radio-inline">
<radio value="2">选项二</radio>
</label>
</radio-group>
</view>
<!--index.js-->
Page({
radioChange(e) {
console.log('radio发生change事件，携带value值为：', e.detail.value)
}
})
总结
在小程序中，使用radio可以为用户提供更好的使用体验，同时也使得代码更加简洁易懂，方便维护。使用radio组件的基本流程为，在wxml中添加radio组件，设置相关属性。在js中绑定对应的事件，通过e.detail.value获取选中的值。