当前位置:K88软件开发文章中心编程全书微信小程序 → 文章内容

微信小程序表单组件单选框 radio

减小字体 增大字体 作者:佚名  来源:网上搜集  发布时间:2019-1-15 14:59:05

由 ?﹏???ζ???﹏﹏? 创建,youj 最后一次修改 2016-09-23 微信小程序单选框radioradio-group单项选择器,内部由多个<radio/>组成。 属性名 类型 默认值 说明 bindchange EventHandle   <radio-group/>中的选中项发生变化时触发change事件,event.detail = {value: 选中项radio的value} radio? 单选项目属性名类型默认值说明valueString <radio/>标识。当该<radio/>选中时,<radio-group/> 的change 事件会携带<radio/>的valuecheckedBooleanfalse当前是否选中disabledBooleanfalse是否禁用colorColor 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