小程序之多選擇框(並且A頁面跳B頁面，B選中數據后帶回A頁面顯示)

親測挺好用的：

　　借鑒博客：https://blog.csdn.net/qq_35713752/article/details/79093598

 

1、b.wxml頁面:

 <checkbox-group bindchange="checkboxChange">
        <checkbox value='{{item.staff_name}},{{item.staff_id}}' >{{item.staff_name}}</checkbox>
                    
 </checkbox-group>

　　b.js代碼，多選獲取選中值方法：

// 獲取多選框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])
    }
    console.log(text + "========" + id);
  },

 

 

 

==============跳轉頁面並帶回數據====================

 A頁面設置兩個初始變量：

 /**
   * 頁面的初始數據
   */
  data: {
    staff_dis:"",//人員選擇員工ids
    staff_names:"",//人員選擇員工names
  },

 

B頁面點擊返回按鈕，觸發函數：

 

saveSelectReturn:function(){//保存並返回按鈕
  var that = this;

  var pages = getCurrentPages();
  var currPage = pages[pages.length - 1];   //當前頁面
  var prevPage = pages[pages.length - 2];  //上一個頁面
 
  // console.log("人員ids:"+ that.data.checkbox_select_ids);
  // console.log("人員names:"+ that.data.checkbox_select_names);
  //直接調用上一個頁面的setData()方法，把數據存到上一個頁面中去
  prevPage.setData({
    // mydata: {id:1, text:2}
    staff_ids: that.data.checkbox_select_ids.join(","),  //這里表示上個頁面的staff_ids變量賦值
    staff_names: that.data.checkbox_select_names.join(","),//上個頁面的staff_names變量賦值

}); 
wx.navigateBack();//返回上一頁  
},

 

 

步驟效果圖：

　　1、B頁面選中人員后，點擊保存並返回，如下：

 

 

 

　　2、A頁面效果圖展示：

 

 

 

 

 

。。。