您好,登錄后才能下訂單哦!
本文實例講述了微信小程序使用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
希望本文所述對大家微信小程序開發有所幫助。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。