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

微信小程序单选框radio
相关文章：
微信小程序 Button
微信小程序 radio
微信小程序 slider
微信小程序 switch
微信小程序 textarea
微信小程序 picker-view
微信小程序 picker
微信小程序 label
微信小程序 input

微信小程序 form
微信小程序 checkbox

实现效果图：
radio

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

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

radio

单选项目

属性名	类型	默认值	说明
value	String		radio标识。当该radio选中时，radio-group的change事件会携带radio的value
checked	Boolean	false	当前是否选中
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发生change事件，携带value值为：", e.detail.value） }}）

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