微信小程序（十九）radio組件詳細介紹
radio組件為單選組件與radio-group組合使用，使用方式和checkbox沒啥區(qū)別
主要屬性：
wxml
<!--設置監(jiān)聽器，當點擊radio時調用-->
<radio-group bindchange="listenerRadioGroup">
<!--label通常與radio和checkbox結合使用-->
<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)聽事件
*/
listenerRadioGroup:function(e) {
console.log(e);
},
onLoad:function(options){
// 頁面初始化 options為頁面跳轉所帶來的參數(shù)
},
onReady:function(){
// 頁面渲染完成
},
onShow:function(){
// 頁面顯示
},
onHide:function(){
// 頁面隱藏
},
onUnload:function(){
// 頁面關閉
}
})
相關文章：
hello WeApp icon組件
Window text組件 switch組件
tabBar底部導航 progress組件 action-sheet
應用生命周期 button組件 modal組件
頁面生命周期 checkbox組件 toast組件
模塊化詳 form組件詳 loading 組件
數(shù)據(jù)綁定 input 組件 navigator 組件
View組件 picker組件 audio 組件
scroll-view組件 radio組件 video組件
swiper組件 slider組件 Image組件
相關文章
ant-design的upload組件中實現(xiàn)粘貼上傳實例詳解
這篇文章主要為大家介紹了ant-design的upload組件中實現(xiàn)粘貼上傳實例，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-05-05
JS數(shù)據(jù)分析數(shù)據(jù)去重及參數(shù)序列化示例
這篇文章主要為大家介紹了JS數(shù)據(jù)分析數(shù)據(jù)去重及參數(shù)序列化示例，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-08-08
JavaScript確實是一門很好的開發(fā)語言。對于給定的問題，可以有不止一種方法來達到相同的解決方案。在這篇文章中，我們將討論最快速的方法2021-06-06
這篇文章主要介紹了微信小程序 歡迎頁面的制作含（源碼下載）的相關資料,這里實現(xiàn)歡迎頁面，開始做應用的時候都會用到，需要的朋友可以參考下2017-01-01
這篇文章主要介紹了微信小程序 九宮格實例代碼的相關資料,需要的朋友可以參考下2017-01-01
這篇文章主要介紹了微信小程序 Storage API實例詳解的相關資料,需要的朋友可以參考下2016-10-10
這篇文章主要介紹了微信小程序的生命周期的詳解的相關資料,希望通過本文能幫助到大家，需要的朋友可以參考下2017-10-10
這篇文章主要為大家介紹了Qiankun原理詳解JS沙箱是如何做隔離示例，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-09-09
這篇文章主要為大家介紹了JS前端實現(xiàn)fsm有限狀態(tài)機實例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-09-09
這篇文章主要為大家介紹了js 實現(xiàn)驗證碼輸入框示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-09-09