radio

解释： 单选项目

属性名类型默认值说明
valueString <radio/> 标识。当该 <radio/> 选中时，<radio-group/> 的 change 事件会携带 <radio/> 的 value
checkedBooleanfalse当前是否选中
disabledBooleanfalse是否禁用
colorColor radio 的颜色，同 CSS 的 color

示例：在开发者工具中预览效果

  1. <radio-group bindchange="radioChange">
        <label s-for="item in items">
            <radio value="{{item.name}}"
                checked="{{item.checked}}"
                disabled="{{item.disabled}}"
                color="#ff0000" />
            {{item.value}}
        </label>
    </radio-group>

  1. Page({
        data: {
            items: [
                {name: 'USA', value: '美国'},
                {name: 'CHN', value: '中国', checked: true},
                {name: 'BRA', value: '巴西'},
                {name: 'JPN', value: '日本'},
                {name: 'ENG', value: '英国', disabled: true},
                {name: 'TUR', value: '法国'}
            ]
        },
        radioChange: function(e) {
            console.log('radio发生change事件，携带value值为：', e.detail.value);
        }
    });

radio-group

解释：
单项选择

内部由多个 <radio/> 组成

属性名类型默认值说明
bindchangeEventHandle <radio-group/> 中的选中项发生变化时触发 change 事件，event.detail = {value: 选中项 radio 的 value}