美文网首页
微信小程序 奇怪的checkbox

微信小程序 奇怪的checkbox

作者: IamaStupid | 来源:发表于2021-02-07 16:21 被阅读0次

微信小程序 和html的checkbox不一样

  1. 必须写checkbox-group,因为bindchange只有这个元素有
  2. 不选中的时候e.detail.value[0]是undefined,选中的时候有值,但不是我想要的


    image.png
// wxml
<checkbox-group bindchange="onCheckChange" data-type="bld">
        <checkbox value="{{bldChecked}}" checked="{{false}}"/>
</checkbox-group>

<checkbox-group bindchange="onCheckChange" data-type="cdd">
        <checkbox value="{{cddChecked}}" checked="{{false}}"/>
</checkbox-group>
// js
  onCheckChange (e) {
    console.log(e.detail.value[0])
    let type = e.currentTarget.dataset.type
    if (type === 'bld') {
      if (e.detail.value[0] === undefined){
        this.setData({
          bldChecked: false
        })
      } else {
        this.setData({
          bldChecked: true
        })
      }
    } else if (type === 'cdd') {
      if (e.detail.value[0] === undefined){
        this.setData({
          cddChecked: false
        })
      } else {
        this.setData({
          cddChecked: true
        })
      }
    }
  },

相关文章

网友评论

      本文标题:微信小程序 奇怪的checkbox

      本文链接:https://www.haomeiwen.com/subject/ohvztltx.html