欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

微信小程序获取多选框选中值和选中值对应的id

程序员文章站 2022-07-13 23:04:09
...

微信小程序获取多选框选中值和选中值对应的id 有问题可以扫码加我微信,有偿解决问题。承接小程序开发。

微信小程序开发交流qq群   173683895  、 526474645 ;

正文:

官方文档中只有获取多选框的值的方法,但是我需要获取选中的值同时还要获取选中值对应的id,但是又不能操作DOM获取,相信和我有同样需求的伙伴们都会为此发愁,经过我近两个小时的测试终于想出一个解决办法,下面将源代码分享给大家。

 

  <checkbox-group bindchange="checkboxChange">
    <label class="checkbox" wx:for="{{itemList}}">
      <checkbox value='{{item.title}},{{item.id}}' checked="{{item.checked}}"/>{{item.title}}
    </label>
  </checkbox-group>
  // 获取多选框list中选中的值和对应的id
  checkboxChange: function (e) {
    var text=[];
    var id = [];
    for (var i = 0; i < e.detail.value.length;i++){
      var aaa = e.detail.value[i].split(',');
      text = text.concat(aaa[0])
      id = id.concat(aaa[1])
    }
  },

在这之前试过好几种方案,不是麻烦就是行不通,希望这样方案能够帮助到需要帮助的人,另外欢迎加入我的微信小程序开发交流qq群(173683895)