微信小程序單選框radio
相關(guān)文章：
實(shí)現(xiàn)效果圖：
radio-group
單選群組，內(nèi)部由多個(gè)radio組成
| 屬性名 | 類型 | 默認(rèn)值 | 說明 |
|---|---|---|---|
| bindchange | EventHandle | radio-group中的選中項(xiàng)發(fā)生變化時(shí)觸發(fā)change事件，event.detai = {value : 選中項(xiàng)radio的value |
radio
單選項(xiàng)目
| 屬性名 | 類型 | 默認(rèn)值 | 說明 |
|---|---|---|---|
| value | String | radio標(biāo)識(shí)。當(dāng)該radio選中時(shí)，radio-group的change事件會(huì)攜帶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) }})新聞熱點(diǎn)
疑難解答
圖片精選
網(wǎng)友關(guān)注
