# Radio单选框 --- #### 在一组备选项中进行单选 ### 基础用法，使用v-model来双向绑定

选项1

Click me

::: demo ``` html ``` ::: ### 组合使用

选项一

选项二

::: demo ``` html ``` ::: ### 禁用用法通过添加```disabled```禁用状态

::: demo ```html ``` ::: ### 按钮式样式一结合```YRadioGroup```,```YRadioButton```使用

单选按钮一

单选按钮二

单选按钮三

::: demo ```html ``` ::: ### 按钮式样式二给```YRadioGroup```添加属性```simple```,可以开启样式二

单选按钮一

单选按钮二

单选按钮三

::: demo ```html ``` ::: ### 按钮式样式禁止用法给```YRadioButton```添加属性```disabled```,可以禁止这个按钮

单选按钮一

单选按钮二

单选按钮三

单选按钮一

单选按钮二

单选按钮三

::: demo ```html ``` ::: ### 不同尺寸按钮给```y-radio-group```添加属性 ```large```，可以定义大尺寸

单选按钮一

单选按钮二

单选按钮三

单选按钮一

单选按钮二

单选按钮三

::: demo ```html ``` ::: ### y-radio 属性说明 | 属性 | 说明 | 类型 | 可选值 | 默认值 | |---------- |-------- |---------- |------------- |-------- | |value|只在单独使用时有效。可以使用 v-model 双向绑定数据|Boolean|true/false|false| | label | 只在组合使用时有效。指定当前选项的 value 值，组合会自动判断当前选择的项目 | String | Number | -- | -- | | disabled | 是否禁用 | boolean | true/false | false | | change | 在选项状态发生改变时触发，返回当前状态 | Function | -- | -- | ### y-radio-group 属性说明 | 属性 | 说明 | 类型 | 默认值 | |---------- |-------- |---------- |-------- | |value|只在单独使用时有效。可以使用 v-model 双向绑定数据|Boolean|true/false|false| | change | 在选项状态发生改变时触发，返回当前状态 | Function | -- | -- | |large|给单选框按钮添加大尺寸|Boolean|false| |simple|单选框按钮式样式二|Boolean|false|