微信小程序 radio单选框组件详解及实例代码

微信小程序单选框radio

相关文章：

实现效果图：

radio-group

单选群组，内部由多个radio组成

属性名 类型 默认值 说明 dio-group中的选中项发生变化时触发change事件，event.detai = {value : 选中项radio的value radio

---

​ 单选项目

属性名 类型 默认值 说明 dio标识。当该radio选中时，radio-group的change事件会携带radio的valuedisabled 示例代码

rush:js;"> dio-group class="radio-group" bindchange="radioChange"> dio" wx:for-items="{{items}}"> dio value="{{item.name}}" checked="{{item.checked}}"/>{{item.value}}

rush:js;"> 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) } })

感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！