radio

2024-07-23 07:35

radio-group

Radio selector group.

Property	Type	Description
onChange	EventHandle	Trigger on change of selected item, event.detail = {value: Selected radio value}.
name	String	Component name, used for form submission of obtained data.

radio

Radio item

Property	Type	Default	Description
value	String		Component value, value carried in change event when selected.
checked	Boolean	false	Selected or not currently.
disabled	Boolean	false	Disable or not.
color	Color		Radio color.

Screenshot

Sample Code

copy
<radio-group class="radio-group" onChange="radioChange">
  <label class="radio" a:for="{{items}}">
    <radio value="{{item.name}}" checked="{{item.checked}}"/>{{item.value}}
  </label>
</radio-group>

copy
Page({
  data: {
    items: [
      {name: 'angular', value: 'AngularJS'},
      {name: 'react', value: 'React', checked: true},
      {name: 'polymer', value: 'Polymer'},
      {name: 'vue', value: 'Vue.js'},
      {name: 'ember', value: 'Ember.js'},
      {name: 'backbone', value: 'Backbone.js'},
    ]
  },
  radioChange: function(e) {
    console.log('you are selecting the framework:', e.detail.value)
  }
})