Radio

扫码体验：

img.jpg

radio-group

单项选择器组。

属性名类型默认值描述最低版本
onChangeEventHandle选中项发生变化时触发，event.detail = {value: 选中项radio的value}
nameString组件名字，用于表单提交获取数据

radio

单选项目。

属性名类型默认值描述最低版本
valueString组件值，选中时 change 事件会携带的 value
checkedBooleanfalse当前是否选中
disabledBooleanfalse是否禁用
colorColorradio的颜色1.10.0

Screenshot

image

示例代码

  1. <radio-group class="radio-group" onChange="radioChange">
  2.   <label class="radio" a:for="{{items}}">
  3.     <radio value="{{item.name}}" checked="{{item.checked}}"/>{{item.value}}
  4.   </label>
  5. </radio-group>
  1. Page({
  2.   data: {
  3.     items: [
  4.       {name: 'angular', value: 'AngularJS'},
  5.       {name: 'react', value: 'React', checked: true},
  6.       {name: 'polymer', value: 'Polymer'},
  7.       {name: 'vue', value: 'Vue.js'},
  8.       {name: 'ember', value: 'Ember.js'},
  9.       {name: 'backbone', value: 'Backbone.js'},
  10.     ]
  11.   },
  12.   radioChange: function(e) {
  13.     console.log('你选择的框架是：', e.detail.value)
  14.   }
  15. })

原文: https://docs.alipay.com/mini/component/radio