微信小程序 radio單選框組件詳解及實例代碼
更新時間:2017年01月10日 15:23:09 投稿:lqh
這篇文章主要介紹了微信小程序 radio單選框組件詳解及實例代碼的相關(guān)資料,需要的朋友可以參考下
微信小程序單選框radio
相關(guān)文章:
實現(xiàn)效果圖:
radio-group
單選群組,內(nèi)部由多個radio
組成
屬性名 | 類型 | 默認(rèn)值 | 說明 |
---|---|---|---|
bindchange | EventHandle | radio-group中的選中項發(fā)生變化時觸發(fā)change事件,event.detai = {value : 選中項radio的value |
radio
單選項目
屬性名 | 類型 | 默認(rèn)值 | 說明 |
---|---|---|---|
value | String | radio標(biāo)識。當(dāng)該radio選中時,radio-group的change事件會攜帶radio的value | |
checked | Boolean | false | 當(dāng)前是否選中 |
disabled | Boolean | false | 是否禁用 |
示例代碼
<radio-group class="radio-group" bindchange="radioChange"> <label class="radio" wx:for-items="{{items}}"> <radio value="{{item.name}}" checked="{{item.checked}}"/>{{item.value}} </label> </radio-group>
Page({ data: { items: [ {name: 'USA', value: '美國'}, {name: 'CHN', value: '中國', checked: 'true'}, {name: 'BRA', value: '巴西'}, {name: 'JPN', value: '日本'}, {name: 'ENG', value: '英國'}, {name: 'TUR', value: '法國'}, ] }, radioChange: function(e) { console.log('radio發(fā)生change事件,攜帶value值為:', e.detail.value) } })
感謝閱讀,希望能幫助到大家,謝謝大家對本站的支持!
相關(guān)文章
JS前端使用canvas動態(tài)繪制函數(shù)曲線示例詳解
這篇文章主要為大家介紹了JS前端使用canvas畫函數(shù)曲線的示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2022-08-08使用HTTP?Referer實現(xiàn)圖片防盜圖文示例詳解
這篇文章主要為大家介紹了使用HTTP?Referer實現(xiàn)圖片防盜圖文示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-08-08Intersection?Observer交叉觀察器示例解析
這篇文章主要為大家介紹了Intersection?Observer交叉觀察器示例解析,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-02-02