Radio

单选按钮允许用户在查看所有可用选项时从一组中选择一个选项。

使用

  1. <m-radio id='r1' value="1" label='Label' checked name="abc"> </m-radio>
  2. <m-radio id='r2' value="2" label='Label' name="abc"> </m-radio>
  3. <m-radio checked label='checked'> </m-radio>
  4. <m-radio disabled label='disabled'> </m-radio>

Omi 中使用

JSX:

  1. <m-radio onSelected={this.onSelected} value={1} label='Label' checked={!this.checked} name="abc"></m-radio>
  2. <m-radio onSelected={this.onSelected} value={2} label='Label' checked={this.checked} name="abc"></m-radio>
  3. <m-radio checked label='checked' onclick={()=>{this.update()}}> </m-radio>
  4. <m-radio disabled label='disabled'></m-radio>

API

Props

NameTypeDefaultsDetails
labelstring右侧文本内容
disabledboolean禁用单选按钮
checkedboolean初始状态为选中
valuestring单选按钮的值
namestring为单选按钮分组
onSelectedfunction选择触发