微信小程序使用radio顯示單選項功能【附源碼下載】
更新時間：2017年12月11日 10:13:32 作者：FutrueJet
這篇文章主要介紹了微信小程序使用radio顯示單選項功能,涉及針對radio組件事件響應相關操作技巧,并附帶源碼供讀者下載參考,需要的朋友可以參考下
本文實例講述了微信小程序使用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組件的更多詳細說明還可參考官網(wǎng)：https://mp.weixin.qq.com/debug/wxadoc/dev/component/radio.html
希望本文所述對大家微信小程序開發(fā)有所幫助。
相關文章
快速解決js動態(tài)改變dom元素屬性后頁面及時渲染的問題
下面小編就為大家?guī)硪黄焖俳鉀Qjs動態(tài)改變dom元素屬性后頁面及時渲染的問題。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-07-07
這篇文章主要為大家詳細介紹了js實現(xiàn)篩選功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-11-11
layui前端框架之table表數(shù)據(jù)的刷新方法
今天小編就為大家分享一篇layui前端框架之table表數(shù)據(jù)的刷新方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08
這篇文章主要介紹了JavaScript實現(xiàn)首頁圖片輪播圖效果，文章圍繞主題展開詳細的內容介紹，具有一定的參考價值，需要的小伙伴可以參考一下2022-06-06
這篇文章主要介紹了JS上傳圖片前實現(xiàn)圖片預覽效果的方法,涉及javascript操作圖片的技巧,需要的朋友可以參考下2015-03-03
Layui事件監(jiān)聽的實現(xiàn)(表單和數(shù)據(jù)表格)
這篇文章主要介紹了Layui事件監(jiān)聽的實現(xiàn)(表單和數(shù)據(jù)表格)，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-10-10
一文詳解JavaScript中的replace()函數(shù)
replace方法的語法是stringObj.replace(rgExp, replaceText),其中stringObj是字符串(string),下面這篇文章主要給大家介紹了關于JavaScript中replace()函數(shù)的相關資料,需要的朋友可以參考下2023-01-01
這篇文章主要分享了js獲取標簽元素data-*屬性值的4種方法，標簽上有兩個屬性??data-id????和???data-user-name??,?需要通過js去獲取，下面文章具體介紹需要的小伙伴可以參考一下2022-06-06
本文將探討實用的?JavaScript?文件優(yōu)化技術、如何處理與?JavaScript?文件相關的性能問題以及幫助優(yōu)化過程的工具,你將獲得提升web應用程序速度的相關知識,從而為你的用戶提供無縫體驗2023-12-12
本文主要分享了JavaScript實現(xiàn)星級評分的實例代碼，具有一定的參考價值，下面跟著小編一起來看下吧2017-01-01