Skip to content

Checkbox 多选框

一组备选项中进行多选

注意

radio 组件必须搭配 radioGroup 组件

基础用法

苹果橘子香蕉
html
<ivy-radio-group value="1" onchange="console.log(this.value)">
  <ivy-radio label="1">苹果</ivy-radio>
  <ivy-radio label="2">橘子</ivy-radio>
  <ivy-radio label="3">香蕉</ivy-radio>
</ivy-radio-group>

禁用 Radio 组件

Radio 上添加 disabled 属性可以禁用组件

苹果橘子香蕉
html
<ivy-radio-group disabled value="1">
  <ivy-radio label="1">苹果</ivy-radio>
  <ivy-radio label="2">橘子</ivy-radio>
  <ivy-radio label="3">香蕉</ivy-radio>
</ivy-radio-group>

禁用 RadioGroup 组件

RadioGroup 上添加 disabled 属性可以禁用组件

苹果橘子香蕉
html
<ivy-radio-group disabled value="1">
  <ivy-radio label="1">苹果</ivy-radio>
  <ivy-radio label="2">橘子</ivy-radio>
  <ivy-radio label="3">香蕉</ivy-radio>
</ivy-radio-group>

Radio Props

Prop描述类型可选值默认值
labelradio 的值string--
disabled是否禁用boolean-false

Radio Group Props

Prop描述类型可选值默认值
value默认值string--
disabled是否禁用boolean-false

Radio Group Event

Event描述
change选中值改变时触发