全部产品
云市场
云游戏

radio

更新时间:2020-03-25 20:19:02

本文介绍单项选择器(radio)。

radio-group

单项选择器组。

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

radio

单选项目。

属性名 类型 默认值 描述 最低版本
value String - 组件值,选中时 change 事件会携带的 value -
checked Boolean false 当前是否选中 -
disabled Boolean false 是否禁用 -
color Color - radio 的颜色 1.10.0

图示

示例代码

  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. })