本文實例講述了微信小程序使用radio顯示單選項功能。分享給大家供大家參考，具體如下：

1、效果展示

2、關鍵代碼

① index.wxml

<radio-group bindchange="radiogroupBindchange">
 <radio value="radio1">radio1</radio>
 <radio value="radio2">radio2</radio>
 <radio value="radio3">radio3</radio>
</radio-group>
<view>提示：{{text}}</view>

② index.js

Page({
 data:{
  // text:"這是一個頁面"
  text:''
 }, 
 radiogroupBindchange:function(e){
  console.log(e);
  this.setData({
   text:'您選擇了'+e.detail.value
  })
 }
})

3、源代碼

關于radio組件的更多詳細說明還可參考官網：https://mp.weixin.qq.com/debug/wxadoc/dev/component/radio.html

以上就是本文的全部內容，希望對大家的學習有所幫助，更多相關內容請關注PHP中文網！

相關推薦：

微信小程序獲取手機網絡狀態的方法【附源碼】

微信小程序 自己制作小組件

以上就是微信小程序使用radio顯示單選項功能【附源碼】的詳細內容，更多請關注php中文網其它相關文章！