微信小程序使用radio顯示單選項(xiàng)功能【附源碼下載】
更新時(shí)間：2017年12月11日 10:13:32 作者：FutrueJet
這篇文章主要介紹了微信小程序使用radio顯示單選項(xiàng)功能,涉及針對(duì)radio組件事件響應(yīng)相關(guān)操作技巧,并附帶源碼供讀者下載參考,需要的朋友可以參考下
本文實(shí)例講述了微信小程序使用radio顯示單選項(xiàng)功能。分享給大家供大家參考，具體如下：
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:"這是一個(gè)頁(yè)面"
text:''
},
radiogroupBindchange:function(e){
console.log(e);
this.setData({
text:'您選擇了'+e.detail.value
})
}
})
3、源代碼點(diǎn)擊此處本站下載。
關(guān)于radio組件的更多詳細(xì)說(shuō)明還可參考官網(wǎng)：https://mp.weixin.qq.com/debug/wxadoc/dev/component/radio.html
希望本文所述對(duì)大家微信小程序開(kāi)發(fā)有所幫助。
相關(guān)文章
JavaScript檢查數(shù)字是否為整數(shù)或浮點(diǎn)數(shù)的方法
這篇文章主要介紹了JavaScript檢查數(shù)字是否為整數(shù)或浮點(diǎn)數(shù)的方法,涉及javascript類(lèi)型判斷的相關(guān)技巧,需要的朋友可以參考下2015-06-06
Js中的Object.entries()基本知識(shí)詳細(xì)分析(附Demo)
Object.entries方法能將對(duì)象的可枚舉屬性轉(zhuǎn)為數(shù)組,每個(gè)元素是鍵值對(duì)數(shù)組,可用于for...of迭代,下面這篇文章主要介紹了Js中的Object.entries()基本知識(shí)的相關(guān)資料,文中通過(guò)代碼介紹的非常詳細(xì),需要的朋友可以參考下2024-09-09
這篇文章主要介紹了微信小程序環(huán)境下將文件上傳到OSS的方法步驟，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-05-05
JavaScript的內(nèi)置對(duì)象Math和字符串詳解
這篇文章主要為大家介紹了JavaScript的內(nèi)置對(duì)象Math和字符串，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來(lái)幫助2021-11-11
深入淺出JSON.parse的實(shí)現(xiàn)方法
眾所周知,JSON.parse方法用于將一個(gè)json字符串轉(zhuǎn)換成由字符串描述的?JavaScript?值或?qū)ο?本文主要為大家介紹了JSON.parse方法的使用,需要的可以參考下2024-04-04
JS回調(diào)函數(shù)原理與用法詳解【附PHP回調(diào)函數(shù)】
這篇文章主要介紹了JS回調(diào)函數(shù)原理與用法,結(jié)合實(shí)例形式詳細(xì)分析了JavaScript回調(diào)函數(shù)的概念、原理、用法,并給出了PHP回調(diào)函數(shù)的使用示例,需要的朋友可以參考下2019-07-07
下拉選擇框想必大家并不陌生，一邊情況下都是使用默認(rèn)的，為了打破傳統(tǒng)，下面與大家分享下使用js自定義下拉選擇框示例代碼,感興趣的朋友可以參考下2013-08-08
js利用canvas制作一個(gè)實(shí)時(shí)時(shí)鐘
Canvas是HTML5中強(qiáng)大的繪圖工具,它讓我們能夠在網(wǎng)頁(yè)上創(chuàng)建各種精美的圖形和動(dòng)畫(huà)效果,本文將向您展示如何使用Canvas制作一個(gè)實(shí)時(shí)時(shí)鐘,感興趣的可以了解下2023-08-08
這篇文章主要給大家介紹了關(guān)于微信小程序?qū)崿F(xiàn)左滑刪除效果的相關(guān)資料,左滑刪除效果在app的交互方式中十分流行,比如全民應(yīng)用微信,文中給出了詳細(xì)的實(shí)現(xiàn)代碼,需要的朋友可以參考下2023-08-08
jquery獲取URL中參數(shù)解決中文亂碼問(wèn)題的兩種方法
從A頁(yè)面通過(guò)url傳參到B頁(yè)面時(shí)，獲取URL中參數(shù)出現(xiàn)中文亂碼問(wèn)題，解析url參數(shù)的正確方法如下，感興趣的朋友可以參考下2013-12-12