购物车的功能—

此CSS的对应的是“购物车的功能——界面源码”的内容和“购物车的功能——CSS源码”的内容，希望大家不要乱

$(function(){//点击复选框全选或全不选效果$("#allCheckBox").click(function(){var checked=$(this).is(":checked");$(".cart_td_1").children().attr("checked",checked);});//判断是否全选function ifAllChecked(){var checkedBoxs=$(".cart_td_1").children();var sum=checkedBoxs.size();var k=0;checkedBoxs.each(function(index,dom){if($(dom).is(":checked")) k++;});if(k==sum){$("#allCheckBox").attr("checked",true);}else{$("#allCheckBox").attr("checked",false);}}ifAllChecked();//页面加载完后运行//单选判断$(".cart_td_1").children().click(function(){ifAllChecked();});//计算总价与小计function productCount(){var $tr=$("#shopping").find("tr[id]");var summer=0;var integral=0;$tr.each(function(i,dom){var num=$(dom).children(".cart_td_6").find("input").val();//商品数量var price=num*$(dom).children(".cart_td_5").text();//商品小计$(dom).children(".cart_td_7").html(price);//显示商品小计summer+=price;//总价integral+=$(dom).children(".cart_td_4").text()*num;//积分});$("#total").text(summer);$("#integral").text(integral);}productCount();//页面加载完后运行//商品增加减少，flag为true时增加，flag为false时减少function changeNumber(dom,flag){var $input = $(dom).parent().find("input");var value = $input.val();if(flag){value++;}else{value--;if(value<=0){value=1;alert("宝贝数量必须大于0");}}$input.val(value);productCount();};//点击增加$(".cart_td_6").find("img[alt='minus']").click(function(){changeNumber(this,false);});//点击减少$(".cart_td_6").find("img[alt='add']").click(function(){changeNumber(this,true);});//点击删除$(".cart_td_8").find("a").click(function(){$(this).parent().parent().prev().remove();//删除前一tr$(this).parent().parent().remove();//删除当前trproductCount();});//点击删除所选$("#deleteAll").click(function(){$("#shopping").find("tr[id]").each(function(i,e){var $tr=$(e);var checked=$tr.children(".cart_td_1").children().is(":checked");if(checked){$tr.prev().remove();$tr.remove();}});productCount();});
});

购物车的功能——JS源码相关推荐

购物车的功能——CSS源码
里面所用到的图片资源统一都在"我的资源"里面,相对应的图片是" 购物车源码相关图片 "http://download.csdn.net/detail/qq_34 ...
【笔记-vue】《imooc-vue.js高仿饿了么》、《imooc-vue 音乐app》、《imooc-vue.js源码全方位解析》
20170709 - 20171128:<imooc-vue.js高仿饿了么> 一.第一章课程简介 1-1课程简介 1.需求分析-脚手架工具-数据mock-架构设计-代码编写-自测-编译 ...
【Vue.js源码解析一】-- 响应式原理
前言笔记来源:拉勾教育大前端高薪训练营阅读建议:建议通过左侧导航栏进行阅读课程目标 Vue.js 的静态成员和实例成员初始化过程首次渲染的过程数据响应式原理 – 最核心的特性之一准备工作 ...
js define函数_不夸张，这真的是前端圈宝藏书！360前端工程师Vue.js源码解析
优秀源代码背后的思想是永恒的.普适的. 这些年来,前端行业一直在飞速发展.行业的进步,导致对从业人员的要求不断攀升.放眼未来,虽然仅仅会用某些框架还可以找到工作,但仅仅满足于会用,一定无法走得更远.随 ...
日积月累系列之分页控件（js源码）
最近开发了一款分页控件,分享给大家. 主要功能和界面介绍 cform分页控件支持服务端分页.客户端分页.数据过滤.数据排序等功能. 源码介绍 cform-pager分页控件主要由三部分组成:css.s ...
ElasticSearch.js源码走一个大概
介绍 Elasticsearch 是一个分布式可扩展的实时搜索和分析引擎,一个建立在全文搜索引擎 Apache Lucene(TM) 基础上的搜索引擎.当然 Elasticsearch 并不仅仅是 L ...
“限时分享“ 本地80个小游戏 HTML+CSS+JS源码分享
开源项目集合 1. "限时分享" 本地80个小游戏 HTML+CSS+JS源码分享 2. "限时分享" 别错过了,最全的微信小程序源码收集分享里面有80款小游 ...
three.js 源码注释（一）./Three.js
商域无疆 (http://blog.csdn.net/omni360/) 本文遵循"署名-非商业用途-保持一致"创作公用协议转载请保留此句:商域无疆 - 本博客专注于敏捷开发 ...
【WangEditor】使用富文本编辑器 WangEditor 实现用户自定义图片大小（改js源码）
效果图 1.WangEditor本身提供的 "编辑图片" 功能,调整图片大小选项只能为30%,50%,100%. 2.修改 wangEditor.js 源码后,用户可以输入自定义大 ...

购物车的功能——JS源码

购物车的功能——JS源码相关推荐

最新文章

热门文章