這篇文章主要介紹了微信小程式使用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應用程式
以上是在微信小程式中如何顯示單一選項的詳細內容。更多資訊請關注PHP中文網其他相關文章!