微信小程序使用radio顯示單選項功能【附源碼下載】
本文實例講述了微信小程序使用radio顯示單選項功能。分享給大家供大家參考,具體如下:
1、效果展示
2、關(guān)鍵代碼
① 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、源代碼點擊此處本站下載。
關(guān)于radio組件的更多詳細說明還可參考官網(wǎng):https://mp.weixin.qq.com/debug/wxadoc/dev/component/radio.html
希望本文所述對大家微信小程序開發(fā)有所幫助。
相關(guān)文章
JavaScript檢查數(shù)字是否為整數(shù)或浮點數(shù)的方法
這篇文章主要介紹了JavaScript檢查數(shù)字是否為整數(shù)或浮點數(shù)的方法,涉及javascript類型判斷的相關(guān)技巧,需要的朋友可以參考下2015-06-06Js中的Object.entries()基本知識詳細分析(附Demo)
Object.entries方法能將對象的可枚舉屬性轉(zhuǎn)為數(shù)組,每個元素是鍵值對數(shù)組,可用于for...of迭代,下面這篇文章主要介紹了Js中的Object.entries()基本知識的相關(guān)資料,文中通過代碼介紹的非常詳細,需要的朋友可以參考下2024-09-09JavaScript的內(nèi)置對象Math和字符串詳解
這篇文章主要為大家介紹了JavaScript的內(nèi)置對象Math和字符串,具有一定的參考價值,感興趣的小伙伴們可以參考一下,希望能夠給你帶來幫助2021-11-11JS回調(diào)函數(shù)原理與用法詳解【附PHP回調(diào)函數(shù)】
這篇文章主要介紹了JS回調(diào)函數(shù)原理與用法,結(jié)合實例形式詳細分析了JavaScript回調(diào)函數(shù)的概念、原理、用法,并給出了PHP回調(diào)函數(shù)的使用示例,需要的朋友可以參考下2019-07-07jquery獲取URL中參數(shù)解決中文亂碼問題的兩種方法
從A頁面通過url傳參到B頁面時,獲取URL中參數(shù)出現(xiàn)中文亂碼問題,解析url參數(shù)的正確方法如下,感興趣的朋友可以參考下2013-12-12