<script>
export default {
    components: {},
    data() {
        return{
            checkbox1: false,
            checkbox2: false,
            selectCheckbox: function(checkbox) {
              this[checkbox] = !this[checkbox]
            }
        }
    }
}
</script>
# Radio 单选框
在一组备选项中进行单选

## 基础用法
由于选项默认可见，不宜过多，若选项过多，建议使用 Select 选择器。
:::demo 使用`f-icon`嵌入图标
````html
<div class="box">
    <efly-checkbox :active="checkbox1" @click="selectCheckbox('checkbox1')">选项1</efly-checkbox>
    <efly-checkbox :active="checkbox2" @click="selectCheckbox('checkbox2')">选项2</efly-checkbox>
</div>
<script>
export default {
    components: {},
    data() {
        return{
            checkbox1: false,
            checkbox2: false,
            selectCheckbox: function($event, checkbox) {
              this[checkbox] = !this[checkbox]
            }
        }
    }
}
</script>
````
:::

## 禁用状态
单选框禁用状态。
:::demo 使用`f-icon`嵌入图标
````html
<div class="box">
    <efly-checkbox :active="checkbox1" :disabled="true">选项1</efly-checkbox>
</div>
````
:::


## 参数说明
| 参数      | 说明    | 类型      | 可选值       | 默认值   |
|---------- |-------- |---------- |-------------  |-------- |
| active    | 是否处于被选中状态   | Boolean  |     true / false        |    false     |
| disabled  | 禁用状态   | Boolean  |    true / false   |    false    |
| size       |大小     | String  |    small / mini  |    —     |

## 事件
| 事件名称      | 说明    | 回调参数   
|---------- |-------- |---------- |
| click     | 点击事件   |  -  |
