微信小程序:CheckBox与CheckBox-Group

我们先来看一眼官方文档中给出的属性:

可以看到我们需要的额监听函数的属性在checkbox-group中,所以我们需要查看选中了哪些,我们就需要看看这个监听函数中所传的对象有哪些属性

这样我们就指定在对象.detail.value的属性当中是个数组对象

以下是测试代码

wxml:

<checkbox-group bindchange="myChange">
  <view>
    <checkbox value="myValue1" color="#ff0000" checked="true">checkBox</checkbox>
  </view>
  <view>
    <checkbox value="myValue2" color="#000">checkBox</checkbox>
  </view>
   <checkbox value="myValue3" color="#000" disabled="true">checkBox_change</checkbox>
</checkbox-group>

js:

Page({

  /**
   * 页面的初始数据
   */
  data: {

  },

  myChange: function(e) {
    console.log(e);
  },

})

总结:
checkBox
属性:

1. value:用于触发change函数传送的值
2. disable:是否可用
3. checked:是否选中
4. color:勾勾颜色

checkBox-group
属性:

1. bindchange:勾选监听函数

值得注意的是:两者必须连用,否则无法监听,同radio与radio-group,但switch控件有单独的监听属性