购物车的功能——JS源码

   此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();});
});


本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/329054.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

.NET Core应用类型(Portable apps amp; Self-contained apps)

介绍 有许多种方式可以用来考虑构建应用的类型&#xff0c;通常类型用来描述一个特定的执行模型或者基于此的应用。举例说&#xff1a;控制台应用&#xff08;Console Application&#xff09;、Web应用&#xff08;Web Application&#xff09;等等。所有这些类型的应用都可以…

Java NIO系列教程(十二) Java NIO与IO

转载自 Java NIO系列教程&#xff08;十二&#xff09; Java NIO与IO 译文地址 作者&#xff1a;Jakob Jenkov 译者&#xff1a;郭蕾 校对&#xff1a;方腾飞 当学习了Java NIO和IO的API后&#xff0c;一个问题马上涌入脑海&#xff1a; 我应该何时使用IO&#xff0c;何…

php oracle 无查询结果,php - Oracle Insert查询不起作用,也不会抛出任何错误 - 堆栈内存溢出...

嗨&#xff0c;我是Oracle的新手。我试图在PHP中使用oracle将记录插入表中。 但它不起作用&#xff0c;也没有抛出任何错误。以下是我的代码。 请告诉我我做错了什么。$insertSQL "INSERT INTO GL_USR_MAIL_FOLDER(FK_GLUSR_USR_ID, GL_USR_MAIL_FOLDER_NAME) VALUES (:US…

.NET Core 1.0发布:微软开源跨平台大布局序幕

在6月27日的红帽DevNation峰会上&#xff0c;微软正式发布了.NET Core 1.0、ASP.NET 1.0和Entity Framework Core 1.0&#xff0c;这些产品将全部支持Windows、OS X和Linux三种操作系统。其中.NET Core最受瞩目&#xff0c;这是一款跨平台、开源且模块化的.NET平台&#xff0c;…

无缝滚动图片——源码

图片已上传&#xff0c;请到我的资源部去下载&#xff0c;不用积分&#xff0c;——无缝滚动图片http://download.csdn.net/detail/qq_34137397/9665933 </head> <body> <div class"control"><label id"chk_pause"><input type…

Java NIO系列教程(十一) Pipe

转载自 Java NIO系列教程&#xff08;十一&#xff09; Pipe 原文链接 作者&#xff1a;Jakob Jenkov 译者&#xff1a;黄忠 校对&#xff1a;丁一 Java NIO 管道是2个线程之间的单向数据连接。Pipe有一个source通道和一个sink通道。数据会被写到sink通道&#…

配置oracle网络连接命令,配置oracle网络环境

向数据库注册实例的方法有静态注册和动态注册两种。对于静态注册来说&#xff0c;我们可以将一列硬编码在listener.ora文件中。动态注册意味着实例在启动时要定位侦听器并注册到侦听器中。动态注册是向侦听器注册一个实例的首选方法&#xff0c;初始化参数LOCAL_LISTENER会告知…

ASP.NET Core 运行原理剖析2:Startup 和 Middleware(中间件)

在上一节&#xff08;ASP.NET Core 运行原理剖析1:初始化WebApp模版并运行&#xff09;中提到ASP.NET Core WebApp 必须含有Startup类,在本节中将重点讲解Startup类以及Middleware(中间件)在Startup类中的使用。 Startup Class Startup Class中含有两个重要方法&#xff1a;Con…

oracle中闪回和回滚,oracle闪回操作详解

Oracle的闪回oracle中为什么会有闪回呢&#xff01;它的作用是什么呢&#xff1f;我们来学习一下闪回吧&#xff01;闪回和回滚异曲同工之妙。一闪回的介绍(1)在Oracle的操作工程中&#xff0c;会不可避免地出现操作失误或者用户失误&#xff0c;例如不小心删除了一个表等&…

Java NIO系列教程(十) Java NIO DatagramChannel

转载自 Java NIO系列教程&#xff08;十&#xff09; Java NIO DatagramChannel 译文链接 作者&#xff1a;Jakob Jenkov 译者&#xff1a;郑玉婷 校对&#xff1a;丁一 Java NIO中的DatagramChannel是一个能收发UDP包的通道。因为UDP是无连接的网络协议&#xff0c…

在Windows Server 2012 R2 Standard 部署 ASP.NET Core程序

前言&#xff1a; 随着ASP.NET Core 1.0的发布&#xff0c;论坛里相关的文章也越来越多&#xff0c;正好有时间在测试环境上搭建 ASP.NET Core的发布环境&#xff0c;把过程中遇到的问题写给大家&#xff0c;以便有用到的朋友需要。 环境&#xff1a; Windows Server 2012 R2 S…

Github Pages + Jekyll 独立博客一小时快速搭建上线指南

只要一小时&#xff1f;&#xff01; 人生道路上布满了坑&#xff0c;于是有了人生导师。 美丽的地球上布满了坑&#xff0c;于是有了Google Earth。 使用Github Pages搭建独立博客的过程中布满了坑&#xff0c;所以有了这篇指南。 我在自己查找资料搭建的过程中发现了许多大…

Java NIO系列教程(九) ServerSocketChannel

转载自 Java NIO系列教程&#xff08;九&#xff09; ServerSocketChannel 译文链接 作者&#xff1a;Jakob Jenkov 译者&#xff1a;郑玉婷 校对&#xff1a;丁一 Java NIO中的 ServerSocketChannel 是一个可以监听新进来的TCP连接的通道, 就像标准IO中的Server…

ASP.NET Core 开发-Entity Framework (EF) Core 1.0 Database First

ASP.NET Core 开发-Entity Framework Core 1.0 Database First,ASP.NET Core 1.0 EF Core操作数据库。 Entity Framework Core 1.0 也已经发布了&#xff0c;可以适用于 .NET Core 1.0 及ASP.NET Core 1.0 。 EF Core RC2 时&#xff0c;使用的Code First&#xff1a; http://w…

Oracle 分页语句解释,oracle 分页语句

private static final String QUERYPERPAGESQL "select * from (select m.*, rownum rn from (select * from music order by id) m where rownum < ?) where rn > ?";//该sql语句为每页显示的个数public List queryPerPage(int page) {//page为当前处于第几…

Java NIO系列教程(八) SocketChannel

转载自 Java NIO系列教程&#xff08;八&#xff09; SocketChannel 译文链接 作者&#xff1a;Jakob Jenkov 译者&#xff1a;郑玉婷 校对&#xff1a;丁一 Java NIO中的SocketChannel是一个连接到TCP网络套接字的通道。可以通过以下2种方式创建SocketChannel&a…

php 正则获取html标签,php正则取嵌套html标签

$s <<nested tag testhtml;$pattern "/("."]*?)\s*>|"."\s]))?)*\s*\/?>|"."|"."".")/";preg_match_all($pattern, $s, $aMatches, PREG_OFFSET_CAPTURE);function getMatchTags($s, $arr) {$sM…

拥抱.NET Core,跨平台的轻量级RPC:Rabbit.Rpc

不久前发布了一篇博文“.NET轻量级RPC框架&#xff1a;Rabbit.Rpc”&#xff0c;当初只实现了非常简单的功能&#xff0c;也罗列了之后的计划&#xff0c;经过几天的不断努力又为Rabbit.Rpc增加了一大波新特性&#xff0c;今天主要介绍下项目近况。 特性一览 Apache License 2.…

oracle应用程序SQL提交方式,Oracle Submit Request - 请求的调用方法: FND_REQUEST.SUBMIT_REQUEST...

FND_REQUEST.SUBMIT_REQUEST 函数是用来提交一个请求的,它返回一个NUMBER值.具体调用如下:result : fnd_request.submit_request(application CHAR, --模快program CHAR, --应用程式description CHAR, --请求说明(可选)start_time CHAR, --RUN 时间(可选)sub_request…

Java NIO系列教程(六) Selector

转载自 Java NIO系列教程&#xff08;六&#xff09; Selector 译文链接 作者&#xff1a;Jakob Jenkov 译者&#xff1a;浪迹v 校对&#xff1a;丁一 Selector&#xff08;选择器&#xff09;是Java NIO中能够检测一到多个NIO通道&#xff0c;并能够知晓通道是否为诸如读写事…