jQuery html css实现购物车案例

效果如下图所示
在这里插入图片描述全选功能模块链接
代码

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<script src="Jq.js"></script>
	<script type="text/javascript">
	$(function(){
   
		$('#id_1 ul :first-child').siblings('li').hide();
		$('#id_1 ul :first-child').siblings('li').css('border-bottom','1px solid black');
		$('#id_1 ul').mousedown(function(){
   
			$(this).children('li').show();
		});
		$('#id_1 ul').mouseleave(function(){
   
			$(this).children('li').eq(0).siblings('li').hide();
		});
		$('#checkall').change(function(){
   
			/*全选按钮控制下面的按钮*/
			$('.cargo').find('input').prop('checked',$(this).prop('checked'));
		})
		$('.cargo').find('input').change(function(){
   
			/*下面的按钮控制全选按钮*/
			//console.log($('.cargo input:checked').length);
			/*先刷新一下 总计*/
			if($('.cargo input:checked').length==3){
   
				$('#checkall').prop('checked',true);
			}else{
   
				$('#checkall').prop('checked',false);
			}
		})
		$('.delete').click(function(){
   
			/*删除键  */
			$(this).parent().parent().find('input').prop('value',0);
			$(this).parent().parent().hide();
		
			var money=parseFloat($(this).parent().parent().find('.univalence').html());
			var num=parseInt($(this).parent().parent().find('input'
  • 0
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
以下是一个简单的 JavaWeb 项目案例: 项目名称:在线图书商城 项目描述:该项目是一个在线图书商城,用户可以在该网站上浏览图书、购买图书、查看订单等。 项目技术:Java、MySQL、Servlet、JSP、HTMLCSS、JavaScript、jQuery、Bootstrap 项目模块: 1、用户模块:用户注册、登录、修改个人信息、查看订单等。 2、商品模块:浏览商品、搜索商品、查看商品详情、添加商品到购物车等。 3、购物车模块:添加商品、修改商品数量、删除商品等。 4、订单模块:查看订单、生成订单、取消订单等。 项目实现: 1、数据库设计:设计用户表、商品表、购物车表、订单表。 2、前端页面设计:设计登录注册页面、商品列表页面、商品详情页面购物车页面、订单页面。 3、后端实现: (1) 用户模块:使用 Servlet 实现用户注册、登录、修改个人信息、查看订单等功能。 (2) 商品模块:使用 Servlet 实现商品列表、搜索商品、查看商品详情等功能。 (3) 购物车模块:使用 Session 存储购物车信息,使用 Servlet 实现添加商品、修改商品数量、删除商品等功能。 (4) 订单模块:使用 Servlet 实现生成订单、查看订单、取消订单等功能。 4、数据持久化实现:使用 JDBC 连接 MySQL 数据库,实现数据的增删改查操作。 5、前后端交互:使用 AJAX 技术实现前后端数据的异步交互,提高用户体验。 6、安全性设计:使用 MD5 对用户密码进行加密,提高用户数据的安全性。 以上是一个简单的 JavaWeb 项目案例,可以根据实际需求进行修改和扩展。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值