微信小程序全選功能如何實現(xiàn)

　　小程序全選功能包括全選和取消全選，也是常見商城小程序很常見的功能，那么如何實現(xiàn)呢?

　　想要實現(xiàn)的效果：點擊全選時，所有商品全部選中，圖標(biāo)為黑色選中狀態(tài)，點擊其中一個取消選中狀態(tài)，全選按鈕也隨之為取消選中狀態(tài)，當(dāng)再次點擊全選時，所有商品全部取消選中，如果分別把所有商品一個個選中，全選按鈕會再次變?yōu)檫x中狀態(tài)

　　js:

　　data: { define:true, total_num:"0", sc_object:[ { sc_title:"嘻哈幫街舞", sc_imgsrc:"../../images/growup_img.png", sc_name:"嘻哈幫定制周年慶短袖", sc_detail:"紅色-M號", sc_price:"188", sc_num:"1", sc_total:"188", state:0, editor_url:"../order_editor/order_editor" }, { sc_title: "嘻哈幫街舞", sc_imgsrc: "../../images/growup_img.png", sc_name: "嘻哈幫定制周年慶短袖", sc_detail: "紅色-M號", sc_price: "188", sc_num: "1", sc_total: "188", state: 0, editor_url: "../order_editor/order_editor" }, { sc_title: "嘻哈幫街舞", sc_imgsrc: "../../images/growup_img.png", sc_name: "嘻哈幫定制周年慶短袖", sc_detail: "紅色-M號", sc_price: "188", sc_num: "1", sc_total: "188", state: 0, editor_url: "../order_editor/order_editor" } ] }, /** * 生命周期函數(shù)--監(jiān)聽頁面加載 */ onLoad: function (options) { }, select_add: function (e) { var index = e.currentTarget.dataset.index; var array = this.data.sc_object; if (array[index].state == 1) { array[index].state = 0; } else if (array[index].state == 0) { array[index].state = 1; } var num=0; var aa=0; for(var i=0;i
 

HiShop小程序工具提供多類型商城/門店小程序制作，可視化編輯 1秒生成5步上線。通過拖拽、拼接模塊布局小程序商城頁面，所看即所得，只需要美工就能做出精美商城。