收藏
回答

checkbox 组件如何添加事件以及获取到值?

我在checkbox里面定义了一个事件,然后想拿到它的checked 值,但是找不到相关文档,代码如下:

//index.wxml代码如下 
 <checkbox bindtap="handleTap"></checkbox>
//index.js里面代码如下:
  handleTap:function(e){
    console.log(e);
    console.log(e.currentTarget.dataset.value);
    console.table(e);
    console.log(e.currentTarget.checked)
  },
回答关注问题邀请回答
收藏

6 个回答

  • Wang
    Wang
    2020-06-19

    正确的做法是使用switch组件

    2020-06-19
    有用 5
    回复 2
    • 打了小松鼠
      打了小松鼠
      2020-07-05
      这个才是正解啊。呵呵
      2020-07-05
      回复
    • Wang
      Wang
      2020-07-06回复打了小松鼠
      有用的话,点个“有用”吧(手动微笑)
      2020-07-06
      回复
  • TNT
    TNT
    2020-01-16

    bindchange

    使用checkbox-group包裹check-box在checkbox-group上加个bindchange 看看

    2020-01-16
    有用 2
    回复 11
    查看更多(6)
  • 2020-06-18

    楼主其实想说的这个意思吧,试试我这样写吧


    wxml:

    <checkbox checked="{{checked}}" bindtap="checkboxChange"></checkbox>

    js:

    data:{

    checked:false

    },

    checkboxChange:function{

    this.setData({

    checked:!this.data.checked

    })

    }



    2020-06-18
    有用 1
    回复
  • Moses
    Moses
    2020-07-15

    单个 checkbox 的 value 值可以自己定义一个变量去控制,给个默认值,每次事件触发都取反,也可以像前面说用 e.detail.value 的长度去判断选中还是未选中;

    多个checkbox 时,用 group 包裹,加上 data-x'x'x ,事件触发可以 dataset 里读取

    <checkbox-group bindchange="checkboxChange" data-value="{{item.value}}" data-checked="{{item.checked}}" wx:for="{{linesCheck}}" wx:key="value">
            <checkbox value="{{item.value}}" checked="{{item.checked}}">{{item.name}}</checkbox>
    </checkbox-group>
    
    2020-07-15
    有用
    回复
  • 阿弥陀丸
    阿弥陀丸
    2020-03-05

    判断`value.length`,1表示选中,0表示取消选中~

    2020-03-05
    有用
    回复
  • 猿猿猿ಠ_ರೃ树林
    猿猿猿ಠ_ರೃ树林
    2020-01-16

    可以在checkbox定义value check-group定义checkboxchange方法 e.detail.value就是选中值




    2020-01-16
    有用
    回复 2
    • 林文钦 Thomas Lin
      林文钦 Thomas Lin
      2020-01-16
      写了没有效果
      2020-01-16
      回复
    • 猿猿猿ಠ_ರೃ树林
      猿猿猿ಠ_ರೃ树林
      2020-01-16回复林文钦 Thomas Lin
      是bindchange打错了...
      2020-01-16
      回复
登录 后发表内容
问题标签