radio
实例:简化版
---
```html
<div class="box mt10 flex">
<div class="form_title flex0">反馈类型</div>
<div class="form_select flex1 demoRadio">
<input type="text" data-name="反馈类型" data-required="1">
</div>
</div>
```
```javascript
new phoenix.radio({
content: page.querySelector('.demoRadio'),
data: [['西瓜', '0', ''],['香蕉', '3', ''],['苹果', '1', 'active'],['桃子', '4', 'active'],['葡萄', '2', 'disabled']]
});
```
配置项
---
|属性|类型|默认值|说明|
|-|-|-|-|
|ele|DOM|-|必需,选项生成区域|
|data|array|-| 必需,选择项,二维数组形式(active:默认选中,disabled:不可选)。形如:[['西瓜', '0', ''],['苹果', '1', 'active'],['葡萄', '2', 'disabled']]|
|input|DOM|-|可选,接收值的input|
|inputOut|DOM|1|可选,输入input的值类型,名称(0)、ID(1)|
|colNum|DOM|2|可选,每行显示选项个数,数字形式,最大支持4|
|activeStyle|string|bg_blue|可选,选中的样式|
|disabledStyle|string|bg_gray1 color_gray4 opacity50|可选,不可选的样式|
|defaultStyle|string|bg_gray1 color_gray4|可选,默认的按钮样式|
|onSelect|function|-|可选,选择后的回调函数。参数value:选中的值,数组形式,[名称, ID]|
|cancel|string|true|可选,是否可以取消选择,false为不可取消|