這篇文章主要介紹了微信小程序表單組件單選框radio怎么用的相關知識，內容詳細易懂，操作簡單快捷，具有一定借鑒價值，相信大家閱讀完這篇微信小程序表單組件單選框radio怎么用文章都會有所收獲，下面我們一起來看看吧。
單項選擇器，內部由多個<radio/>組成。
| 屬性名 | 類型 | 默認值 | 說明 |
|---|---|---|---|
| bindchange | EventHandle | <radio-group/>中的選中項發生變化時觸發change事件，event.detail = {value: 選中項radio的value} |
單選項目
| 屬性名 | 類型 | 默認值 | 說明 |
|---|---|---|---|
| value | String | <radio/>標識。當該<radio/>選中時，<radio-group/> 的change 事件會攜帶<radio/>的value | |
| checked | Boolean | false | 當前是否選中 |
| disabled | Boolean | false | 是否禁用 |
| color | Color | radio的顏色，同css的color |
<radio-group class="radio-group" bindchange="radioChange"><label class="radio" wx:for="{{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發生change事件，攜帶value值為：', e.detail.value)
}
})關于“微信小程序表單組件單選框radio怎么用”這篇文章的內容就介紹到這里，感謝各位的閱讀！相信大家對“微信小程序表單組件單選框radio怎么用”知識都有一定的了解，大家如果還想學習更多知識，歡迎關注億速云行業資訊頻道。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
