十六.单选框 radio、单项选择器 radio-group 和多选框 checkbox

radio

单选项目

属性	类型	默认值	说明
value	string		radio标识. 当radio选中时, radio-group的change事件会携带radio的value.
checked	Boolean	false	当前是否选中
disabled	Boolean	false	是否禁用
color	string	#90BB07	radio的颜色, 同css的color

<radio-group bindchange="sex">
  <radio value="man" checked="true">男</radio>
  <radio value="woman">女</radio>
</radio-group>
<view>
  你选中的性别是{{sex}}
</view>

Page({
  data: {
    sex: "man"
  },
  sex: function (e) {
    //获取单选框的值
    let sex = e.detail.value;
    this.setData({
      sex
    })
  }
})

radio-group

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

属性	类型	说明
bindchange	EventHandle	checkbox-group中选中项发生改变时触发change事件.

checkbox

多选项目

属性	类型	默认值	说明
value	string		checkbox标识, 选中时触发checkbox-group的change事件, 并携带checkbox的value
disabled	boolean	false	是否禁用
checked	Boolean	false	当前是否选中, 可用来设置默认选中
color	string	#09BB07	CheckBox的颜色, 同css的color