会员可以在此提问,百战程序员老师有问必答
对大家有帮助的问答会被标记为“推荐”
看完课程过来浏览一下别人提的问题,会帮你学得更全面
截止目前,同学们一共提了 132600个问题

老师我想问问为何我的总计部分会显示Nan

问题如下图6a120116faf1aefb6fb5131d583ff96.pnghtml代码如下:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>京东购物车</title>
		
		<link rel="stylesheet" type="text/css" href="css/reset.css" />
		<link rel="stylesheet" type="text/css" href="css/jd.css"  />
		<link rel="stylesheet" type="text/css" href="icon/iconfont.css" />
		
		<script type="text/jscript" src="js/jd.js"></script>>
		
		
	</head>
	<body>
		<!--导航开始-->
		<div class="nav">
			
			<div class="warp">
				<ul class="nav_ul1">
					<li><a href=""><i class="iconfont">&#xe69c</i>京东首页</a></li>
					<li><a href="">配送至:广州</a></li>
				</ul>
				
				<ul class="nav_ul2">
					<li><a href="">洋洋宝贝</a><span>|</span></li>
					<li><a href="">我的订单</a><span>|</span></li>
					<li><a href="">我的京东</a><span>|</span></li>
					<li><a href="">京东会员</a><span>|</span></li>
					<li><a href="">企业采购</a><span>|</span></li>
					<li><a href="">京东手机</a><span>|</span></li>
					<li><a href="">关注京东</a><span>|</span></li>
					<li><a href="">客户服务</a><span>|</span></li>
					<li><a href="">网站导航</a></li>
				</ul>
			</div>
			
		</div>
		
		<!--导航结束-->
		
		<!--搜索框开始-->
		<div class="search">
			
			<div class="warp">
				
				<img src="img/logo.jpg"  />
				
				<div class="search_div">
					
					<input type="text" class="search_text"/>
					<input type="button" value="搜索" class="search_but" />
					
				</div>
				
			</div>
			
		</div>
		
		<!--搜索框结束-->
		
		<!--标题开始-->
		<div class="title warp">
			<h3>全部商品</h3>
			<div>
				<span>配送到</span>
				<select>
					<option>海珠区</option>
					<option>天河区</option>
					<option>越秀区</option>
					<option>白云区</option>
					<option>荔湾区</option>
					<option>番禺区</option>
				</select>
				
			</div>
		</div>
		<!--标题结束-->
		
		<!--显示菜单的开始-->
		<div class="tips warp">
			
			<ul>
				<li>
					<input type="checkbox" name="fav" id="all" onclick="checkTest1(this)"/>全选
				</li>
				<li>商品</li>
				<li>单价</li>
				<li>数量</li>
				<li>小计</li>
				<li>操作</li>
			</ul>
			
		</div>
		<!--显示菜单的结束-->
		
		<!--商品详情展示开始-->
		<div class="info warp">
			<ul>
				<li class="info_1"><input type="checkbox" name="fav" onclick="checkTest2()"/></li>
				<li class="info_2"> <img src="img/img1.jpg" width="80px"/></li>
				<li class="info_3">
					<a>伊利 纯牛奶250ml*24盒/箱 全脂营养早餐奶 </a>
				</li>
				<li class="info_4">
					<a>【奥运品质】纯牛奶24盒</a>
					
				</li>
				<li class="info_5">¥76.80</li>
				<li class="info_6">
					<button onclick="checkTest3(this,1),checkTest2()">-</button>
					<input type="text" name="" id="" value="1" />
					<button class="bot" onclick="checkTest3(this,2),checkTest2()">+</button>
				</li>
				<li class="info_7">¥76.80</li>
				<li class="info_8">
					<a>删除</a> <br />
					<a>移入关注</a>
				</li>
			</ul>
		</div>
		<div class="info warp">
			<ul>
				<li class="info_1"><input type="checkbox" name="fav" onclick="checkTest2()"/></li>
				<li class="info_2"> <img src="img/img2.jpg" width="80px"/></li>
				<li class="info_3">
					<a>清扬(CLEAR)活力运动沐浴露600g+100g赠冰凉酷爽 </a>
				</li>
				<li class="info_4">
					<a>冰凉酷爽+活力运动</a>
					
				</li>
				<li class="info_5">¥99.90</li>
				<li class="info_6">
					<button>-</button>
					<input type="text" name="" id="" value="1" />
					<button class="bot">+</button>
				</li>
				<li class="info_7">¥99.90</li>
				<li class="info_8">
					<a>删除</a> <br />
					<a>移入关注</a>
				</li>
			</ul>
		</div>
		<div class="info warp">
			<ul>
				<li class="info_1"><input type="checkbox" name="fav" onclick="checkTest2()"/></li>
				<li class="info_2"> <img src="img/img3.jpg" width="80px"/></li>
				<li class="info_3">
					<a>伊利 安慕希 常温希腊风味酸牛奶 猕猴桃+青提230g*10瓶/箱 </a>
				</li>
				<li class="info_4">
					<a>【高端瓶装】猕猴桃青提酸奶10瓶
</a>
					
				</li>
				<li class="info_5">¥78.00</li>
				<li class="info_6">
					<button>-</button>
					<input type="text" name="" id="" value="1" />
					<button class="bot">+</button>
				</li>
				<li class="info_7">¥78.00</li>
				<li class="info_8">
					<a>删除</a> <br />
					<a>移入关注</a>
				</li>
			</ul>
		</div>
		<!--商品详情展示结束-->
		
		<!--结算开始-->
		
		<div class="balance warp">
			<ul class="balance_ul1">
				<li>
					<input type="checkbox" name="fav" id="" value="" onclick="checkTest1(this)"/>
				</li>
				<li>删除选中商品</li>
				<li>移到我的关注</li>
				<li>清除下柜商品</li>
			</ul>
			
			<ul class="balance_ul2">
				<li>已选择<span>3</span>件商品</li>
				<li>总价:<span>¥254.70</span></li>
				<li><button class="butt">去结算</button></li>
			</ul>
		</div>
		
		<!--结算结束-->
		
	</body>
</html>

js代码如下:

//获得所有多选框的对象
	var fav=document.getElementsByName("fav");
//判断是否全选
function checkTest1(th){
	
	var flag = th.checked;
	
	for(var i in fav){
		fav[i].checked=flag;
	}
}

//单选决定全选
function checkTest2(){
	var flag = true;
	for(var i=1;i<fav.length-1;i++){
		if(!fav[i].checked){
			flag=false;
			break;
		}
		
	}
	fav[0].checked=flag;
	fav[fav.length-1].checked=flag;
}

//控制数量的增加和减少
function  checkTest3(th,sig){
	
	var pre;
	
	if(sig=="1"){
	//获得下一个节点
	pre=th.nextElementSibling;	
	
	if(Number(pre.value)>0){
		
		//获得节点的value值
	pre.value=Number(pre.value)-1;
	}
	
	}else {
		
	//获得上一个节点对象
	 pre=th.previousElementSibling;
	 //获得节点的value值
	pre.value=Number(pre.value)+1;
	}
	
	//计算每一个商品总的价格
	//获得每一个商品的单价
	var val=pre.parentNode.previousElementSibling.innerHTML;
	
	//计算总的价格
	var zong =Number(val)*Number(pre.value);
	
	//把总的价格赋值给指定的对象
	
	pre.parentNode.nextElementSibling.innerHTML="¥"+zong;
	
	
	
	
}


Python 全系列/第七阶段:网页编程基础/JavaScript 27302楼
JAVA 全系列/第二阶段:JAVA 基础深化和提高/网络编程(旧) 27303楼
JAVA 全系列/第六阶段:项目管理与SSM框架/SpringMVC 27304楼
JAVA 全系列/第五阶段:JavaWeb开发/Servlet技术详解 27305楼
Python 全系列/第十阶段:Flask百战电商后台项目/Flask百战电商后台项目 27306楼
JAVA 全系列/第六阶段:项目管理与SSM框架/SpringMVC 27308楼
JAVA 全系列/第六阶段:项目管理与SSM框架/Mybatis 27311楼
Python 全系列/第二阶段:Python 深入与提高/文件处理 27313楼
JAVA 全系列/第二十一阶段:分布式医疗云平台/项目环境搭建(旧) 27314楼

课程分类

百战程序员微信公众号

百战程序员微信小程序

©2014-2025百战汇智(北京)科技有限公司 All Rights Reserved 北京亦庄经济开发区科创十四街 赛蒂国际工业园
网站维护:百战汇智(北京)科技有限公司
京公网安备 11011402011233号    京ICP备18060230号-3    营业执照    经营许可证:京B2-20212637