CheckBoxGroup

<checkbox-group>多项选择器，内部由多个checkbox组成。

属性

支持通用属性

属性名	类型	默认值	描述	平台支持
name	String		组件名字，用于表单提交获取数据	all

事件

支持通用事件

事件名	描述	平台支持
onchange	选中项发生变化event.detail={value:选中的checkbox的value数组}	all

checkbox

多选项目。

属性

支持通用属性

属性名	类型	默认值	说明
value	String		`<checkbox/>`标识，选中时触发`<checkbox-group/>`的 change 事件，并携带`<checkbox/>`的 value	all
disabled	Boolean	false	是否禁用	all
checked	Boolean	false	当前是否选中，可用来设置默认选中	all
color	Color		checkbox的颜色，同css的color	u?,w,a

事件

支持通用事件

示例

<checkbox-group onchange="checkboxChange">
  <label class="checkbox" wx:for="">
    <checkbox value="" checked=""/>
  </label>
</checkbox-group>

Page({
  data: {
    items: [
      {name: 'USA', value: '美国'},
      {name: 'CHN', value: '中国', checked: 'true'},
      {name: 'BRA', value: '巴西'},
      {name: 'JPN', value: '日本'},
      {name: 'ENG', value: '英国'},
      {name: 'TUR', value: '法国'},
    ]
  },
  checkboxChange: function(e) {
    console.log('checkbox发生change事件，携带value值为：', e.detail.value)
  }
})

results matching ""

No results matching ""