小程序14-radio组件

radio 是单选组件；需要搭配radio-group使用；可以通过color属性来修改颜色

属性	类型	默认值	必填	说明
value	string		否	radio 标识。当该radio 选中时，radio-group 的 change 事件会携带radio的value
checked	boolean	false	否	当前是否选中
disabled	boolean	false	否	是否禁用
color	string	#09BB07	否	radio的颜色，同css的color

 

<radio-group bindchange="handleChange">
  <radio value="male" color="blue">男</radio>
  <radio value="female" color="pink">女</radio>
</radio-group>
<view>选中的是：{{gender}}</view>

 

Page({
  data: {
    gender:'',
  },
  // 单选项改变事件
  handleChange(e){
    this.setData({
      // 获取单选框中的值
      gender:e.detail.value
    })
  },
})