微信小程序全选功能如何实现

　　小程序全选功能包括全选和取消全选，也是常见商城小程序很常见的功能，那么如何实现呢?

　　想要实现的效果：点击全选时，所有商品全部选中，图标为黑色选中状态，点击其中一个取消选中状态，全选按钮也随之为取消选中状态，当再次点击全选时，所有商品全部取消选中，如果分别把所有商品一个个选中，全选按钮会再次变为选中状态

　　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" } ] }, /** * 生命周期函数--监听页面加载 */ 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
 

小程序工具提供多类型商城/门店小程序制作，可视化编辑 1秒生成5步上线。通过拖拽、拼接模块布局小程序商城页面，所看即所得，只需要美工就能做出精美商城。