首先我们要实现的内容的需求有如下几点:
1.在购物车页面中,当选中“全选”复选框时,所有商品前的复选框被选中,否则所有商品的复选框取消选中。
2.当所有商品前的复选框选中时,“全选”复选框被选中,否则“全选”复选框取消选中。
3.单击图标-的时候数量减一而且不能让物品小于0并且商品总价与积分随之改变。
4.单击图标+的时候数量增加并且商品总价与积分随之改变。
5.单击删除所选将删除用户选中商品,单击删除则删除该商品即可并达到商品总价与积分随之改变。
下面我们就开始进入代码:
$(function () { subtotal(); addorminus(); allcheckbox(); delet(); deleselect(); }); //设置 获取积分和一共金额函数 function countmoney() { var money = 0; //总金额 var jifen = 0; //总积分 $(".cart_td_7").each(function () { var m = $(this).text(); money += Number(m); var j = $(this).siblings(".cart_td_4").text(); var number = $(this).siblings(".cart_td_6").children("input").val(); jifen += Number(j * number); }); $("#total").html(money); $("#integral").html(jifen); } //小计 function subtotal() { var obj = $(".cart_td_7"); obj.each(function () { //each遍历每一个clss为.card_td_7的元素 var num = $(this).siblings(".cart_td_6").children("input").val(); //购物车 选中的当前数量 var price = $(this).siblings(".cart_td_5").html(); //当前选中物品的price var money = num * price; //小计 $(this).html(money); }); countmoney(); } //添加或减少数量 function addorminus() { $(".hand").on("click", function () { var num; if ($(this).attr("alt") == "minus") { num = $(this).next().val(); if (num == 1) { $(this).css("display", "none"); } else { $(this).next().val(--num); } } else { num = $(this).prev().val(); $(this).prev().val(++num); if (num == 1) { $(this).siblings("[alt==minus]").css("display", "visible"); } else { } } subtotal(); }); } //全选或者全不选 function allcheckbox() { $("#allCheckBox").live("change", function () { if ($(this).attr("checked") == "checked") { $("[name=cartCheckBox]").attr("checked", "checked"); } else { $("[name=cartCheckBox]").attr("checked", false); } }); $("[name=cartCheckBox]").live("change", function () { var bool = true; $("[name=cartCheckBox]").each(function () { if ($(this).attr("cheked") != "checked") { bool = false; } }); if (bool) { $("#allCheckBox").attr("checked", "checked"); } else { $("#allCheckBox").attr("checked", false); } }); } //删除 function delet() { $(".cart_td_8>a").live("click", function () { $(this).parent().parent().prev().remove(); $(this).parent().parent().remove(); subtotal(); }); } //删除所选 function deleselect() { $("#deleteAll>img").live("click", function () { $("[name=cartCheckBox]").each(function () { if ($(this).attr("checked") == "checked") { $(this). parent().parent().prev().remove(); $(this).parent().parent().remove(); } }); subtotal(); }); }
以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持!
华山资源网 Design By www.eoogi.com
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
华山资源网 Design By www.eoogi.com
暂无评论...
更新日志
2024年11月11日
2024年11月11日
- 雨林唱片《赏》新曲+精选集SACD版[ISO][2.3G]
- 罗大佑与OK男女合唱团.1995-再会吧!素兰【音乐工厂】【WAV+CUE】
- 草蜢.1993-宝贝对不起(国)【宝丽金】【WAV+CUE】
- 杨培安.2009-抒·情(EP)【擎天娱乐】【WAV+CUE】
- 周慧敏《EndlessDream》[WAV+CUE]
- 彭芳《纯色角3》2007[WAV+CUE]
- 江志丰2008-今生为你[豪记][WAV+CUE]
- 罗大佑1994《恋曲2000》音乐工厂[WAV+CUE][1G]
- 群星《一首歌一个故事》赵英俊某些作品重唱企划[FLAC分轨][1G]
- 群星《网易云英文歌曲播放量TOP100》[MP3][1G]
- 方大同.2024-梦想家TheDreamer【赋音乐】【FLAC分轨】
- 李慧珍.2007-爱死了【华谊兄弟】【WAV+CUE】
- 王大文.2019-国际太空站【环球】【FLAC分轨】
- 群星《2022超好听的十倍音质网络歌曲(163)》U盘音乐[WAV分轨][1.1G]
- 童丽《啼笑姻缘》头版限量编号24K金碟[低速原抓WAV+CUE][1.1G]