1. 程式人生 > >微信小程式獲取多選框選中值和選中值對應的id

微信小程式獲取多選框選中值和選中值對應的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)