在微信小程式中如何顯示單一選項

這篇文章主要介紹了微信小程式使用radio顯示單選項功能,涉及針對radio元件事件回應相關操作技巧,並附帶原始碼供讀者下載參考,需要的朋友可以參考下

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

關鍵代碼

① 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
  })
 }
})

上面是我整理給大家的，希望未來會對大家有幫助。

相關文章：

使用VS Code編輯器如何開發AngularJS 2應用程式

在Vue中有關SPA首屏載入優化（詳細教學）

在Angular中有關管道操作符(|)用法

VS Code編輯器中關於修改選取文字或程式碼顏色運算

在微信小程式中如何使用request網路進行請求運算

#在VUE中如何實作陣列更新功能

在vuejs中使用模組化的方式開發

Vue專案最佳化需要注意哪些？

在vue-cli中如何實作元件通訊

#使用angular完成Message元件寫

使用EasyUI如何綁定Json資料來源

以上是在微信小程式中如何顯示單一選項的詳細內容。更多資訊請關注PHP中文網其他相關文章！