uniapp中单选按钮的实现

标签说明：

radio-group：单项选择器，内部由多个  组成。通过把多个radio包裹在一个radio-group下，实现这些radio的单选。

radio：单选项目

属性说明：

@change： 标签中的radio选中项发生变化时触发 change 事件，event.detail = {value: 选中项radio的value}

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

checked：当前是否选中，默认值false，类型是布尔值

disabled：是否禁用，默认值是false，类型是布尔值

color：radio的颜色，同css的color

注意

• radio的默认颜色，在不同平台不一样。微信小程序是绿色的，字节跳动小程序为红色，其他平台是蓝色的。更改颜色使用color属性。
• 如需调节radio大小，可通过css的scale方法调节，如缩小到70%style="transform:scale(0.7)"
• radio不是checkbox，点击一个已经选中的radio，不会将其取消选中

上代码：

		
			
				
					{{item}}
				
			
		

打印结果：

1.获取选中按钮的value值，e.detail.value，赋值给data中activeRadio声明的变量

2.打印选中按钮的值

实际场景案例，男女单选框

	
		男
	
	
	    女
	

效果图：