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

发布时间:2023-08-10 18:42:06 作者:li2047398 阅读量:8201

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

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

  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步上线。通过拖拽、拼接模块布局小程序商城页面,所看即所得,只需要美工就能做出精美商城。

更多小程序开发案例,尽在:http://www.duochengxu.comkaifa.html 

***本网站图片,文字之类版权申明,因为网站可以由注册用户自行上传图片或文字,本网站无法鉴别所上传图片或文字的知识版权,如果侵犯,请及时通知我们,本网站将在第一时间及时删除。

我要评论

网友评论


评论时间:2023-11-27 01:00:03

三,UML对于软件开发来说有着非棋牌app开发团队 常重要的意义,因为app开发软件代码 开发来说有着非常重要的意义,因为它不仅可以解决软件开发领域内复杂多样的难题,而且还可根据客户要求定制

回复
秒制作
Catfish(鲶鱼) Blog V 4.7.3