微信小程序(十九)radio組件詳細(xì)介紹
radio組件為單選組件與radio-group組合使用,使用方式和checkbox沒(méi)啥區(qū)別
主要屬性:
wxml
<!--設(shè)置監(jiān)聽(tīng)器,當(dāng)點(diǎn)擊radio時(shí)調(diào)用--> <radio-group bindchange="listenerRadioGroup"> <!--label通常與radio和checkbox結(jié)合使用--> <label style="display: flex" wx:for-items="{{array}}"> <radio value="{{item.name}}" checked="{{item.checked}}"/>{{item.value}} </label> </radio-group>
js
Page({ data:{ array:[ {name: 'Jave', value: 'Android', checked: 'true'}, {name: 'Object-C', value: 'IOS'}, {name: 'jsx', value: 'ReactNative'}, {name: 'js', value: 'WeChat'}, {name: 'Python', value: 'Web'}, ] }, /** * radio監(jiān)聽(tīng)事件 */ listenerRadioGroup:function(e) { console.log(e); }, onLoad:function(options){ // 頁(yè)面初始化 options為頁(yè)面跳轉(zhuǎn)所帶來(lái)的參數(shù) }, onReady:function(){ // 頁(yè)面渲染完成 }, onShow:function(){ // 頁(yè)面顯示 }, onHide:function(){ // 頁(yè)面隱藏 }, onUnload:function(){ // 頁(yè)面關(guān)閉 } })
相關(guān)文章:
hello WeApp icon組件
Window text組件 switch組件
tabBar底部導(dǎo)航 progress組件 action-sheet
應(yīng)用生命周期 button組件 modal組件
頁(yè)面生命周期 checkbox組件 toast組件
模塊化詳 form組件詳 loading 組件
數(shù)據(jù)綁定 input 組件 navigator 組件
View組件 picker組件 audio 組件
scroll-view組件 radio組件 video組件
swiper組件 slider組件 Image組件
相關(guān)文章
微信小程序 保留小數(shù)(toFixed)詳細(xì)介紹
這篇文章主要介紹了 微信小程序 保留小數(shù)(toFixed)詳細(xì)介紹的相關(guān)資料,這里附有實(shí)例,幫助大家學(xué)習(xí)參考此部分知識(shí),需要的朋友可以參考下2016-11-11'2'>'10'==true?解析JS如何進(jìn)行隱式類型轉(zhuǎn)換
這篇文章主要為大家介紹了'2'>'10'==true?解析JS如何進(jìn)行隱式類型轉(zhuǎn)換示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-09-09實(shí)現(xiàn)一個(gè)簡(jiǎn)單得數(shù)據(jù)響應(yīng)系統(tǒng)
這篇文章主要介紹了實(shí)現(xiàn)一個(gè)簡(jiǎn)單得數(shù)據(jù)響應(yīng)系統(tǒng),文章介紹的數(shù)據(jù)響應(yīng)系統(tǒng)會(huì)用到Dep,其實(shí),這就是一個(gè)依賴收集的容器, depend 收集依賴, notify 觸發(fā)依賴,下面來(lái)看看詳細(xì)的內(nèi)容結(jié)介紹,需要的朋友可以參考一下2021-11-11微信小程序 后臺(tái)登錄(非微信賬號(hào))實(shí)例詳解
這篇文章主要介紹了微信小程序 后臺(tái)登錄(非微信賬號(hào))實(shí)例詳解的相關(guān)資料,需要的朋友可以參考下2017-03-03實(shí)現(xiàn)微信小程序的wxml文件和wxss文件在webstrom的支持
這篇文章主要介紹了實(shí)現(xiàn)微信小程序的wxml文件和wxss文件在webstrom的支持的相關(guān)資料,需要的朋友可以參考下2017-06-06