内容回顾：上一讲说到了<edit></edit>标签的使用。主要讲了，用edit标签，调用回调函数，并将输入的内容传递给回调函数中的一个全局变量。

一、接下来我们一起来学习一下单选项radio的使用

radio

基础库 1.0.0 开始支持，低版本需做兼容处理。

单选项目。

属性

类型

默认值

必填

说明

最低版本

value

string

否

radio 标识。当该radio 选中时，radio-group 的 change 事件会携带radio的value

1.0.0

checked

boolean

false

否

当前是否选中

1.0.0

disabled

boolean

false

否

是否禁用

1.0.0

color

string

#09BB07

否

radio的颜色，同css的color

1.0.0

示例代码

这里重新新建一个页面，"pages/demo1/demo1",为了方便演示

默认checked是false的，可以看到未选择，但是选中后不能取消了。

一般单选框都是多个单选框一起使用的，所以还需要使用另一个标签，否则会出现上面的现象，单选框选中后就都不能取消了。

二、这标签就是<radio-group></radio-group>标签

radio-group

基础库 1.0.0 开始支持，低版本需做兼容处理。

单项选择器，内部由多个 radio 组成。

属性

类型

默认值

必填

说明

最低版本

bindchange

EventHandle

否

radio-group中选中项发生改变时触发 change 事件，detail = {value:[选中的radio的value的数组]}

1.0.0

示例代码

<view>

<text>radio</text>

<text>单选框</text>

</view>

<view>

<radio-group>

<radio checked="{{true}}">中国</radio>

<view></view>

<radio checked="{{false}}">美国</radio>

<view></view>

<radio checked="{{false}}">加拿大</radio>

<view></view>

<radio checked="{{false}}">日本</radio>

<view></view>

<radio checked="{{false}}">英国</radio>

<view></view>

</radio-group>

</view>

代码中增加<view></view>是为了各个单选框各占一行。

这样，单选框的功能就体现出来了。

至此，这一讲的这个标签先到这里，欢迎关注，你们的关注，支持是我继续分享的无限动力，同时，个人水平有限，有不当之处欢迎指正。谢谢！！！！