会员可以在此提问,百战程序员老师有问必答
对大家有帮助的问答会被标记为“推荐”
看完课程过来浏览一下别人提的问题,会帮你学得更全面
截止目前,同学们一共提了 133904个问题
Python 全系列/第一阶段:AI驱动的Python编程/编程基本概念 17448楼
JAVA 全系列/第四阶段:数据库与AI协同技术实战/Oracle 数据库的使用 17449楼
Python 全系列/第一阶段:AI驱动的Python编程/Python入门(动画版) 17450楼
JAVA 全系列/第四阶段:数据库与AI协同技术实战/JDBC技术 17451楼
微服务/第十八阶段:数字货币交易所项目(Spring Cloud Alibaba架构)/服务中台_后台管理系统的开发 17452楼
JAVA 全系列/第二阶段:JAVA 基础深化和提高/智能电话本项目实战 17453楼
JAVA 全系列/第五阶段:网页编程和设计/HTML5 17454楼
微服务/第十八阶段:数字货币交易所项目(Spring Cloud Alibaba架构)/服务中台_会员系统的开发 17455楼
Python 全系列/第三阶段:Python 网络与并发编程/并发编程 17456楼
JAVA 全系列/第九阶段:SpringBoot与MybatisPlus/Spring Boot旧 17457楼
JAVA 全系列/第六阶段:项目管理与SSM框架/Mybatis 17458楼

老师 我这个在网页里怎么点都没有动静 ,代码也检查了 ,您能帮忙看一下吗?

<!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/download/font_hzwf3orp98r/iconfont.css"/>
		
		<script type="text/javascript"  src="js/jd.js"></script>
	</head>
	<body>
		
		<!--导航开始-->
		<div class="nav">
			
			<div class="warp">
				<ul class="nav_ul1">
					
					<li><a href=""><i class="iconfont">&#xe620;</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/logo1.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>
				</select>
			</div>			
			
			
		</div>
		
		<!--标题结束-->
		
		<!--显示菜单开始-->
		<div class="tips warp">
			
			<ul>
				<li>
					<input type="checkbox" name="fav" id="all" onclick="checkTest1(this),checkTest2()"/>
					全选
				</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="70px"/></li>
				<li class="info_3">父与子的编程之旅 与小卡特一起学Python 第3版(全彩印刷)</li>
				<li class="info_4">99.70</li>
				<li class="info_5">
					<button onclick="checkTest3(this,1),checkTest2()">-</button>
					<input type="text" value="1"/>
					<button  onclick="checkTest3(this,2),checkTest2()">+</button>
				</li>
				<li class="info_6">¥99.70</li>
				<li class="info_7">
					<a href="javascript:viod(0)" onclick="checkTest4(this),checkTest2()">删除</a> <br/>
					<a>移到我的关注</a><br/>
				</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="70px"/></li>
				<li class="info_3">父与子的编程之旅 与小卡特一起学Python 第3版(全彩印刷)</li>
				<li class="info_4">99.70</li>
				<li class="info_5">
					<button onclick="checkTest3(this,1),heckTest2()">-</button>
					<input type="text" value="1"/>
					<button  onclick="checkTest3(this,2),checkTest2()">+</button>
				</li>
				<li class="info_6">¥99.70</li>
				<li class="info_7">
					<a href="javascript:viod(0)" onclick="checkTest4(this),checkTest2()">删除</a> <br/>
					<a>移到我的关注</a><br/>
				</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="70px"/></li>
				<li class="info_3">父与子的编程之旅 与小卡特一起学Python 第3版(全彩印刷)</li>
				<li class="info_4">99.70</li>
				<li class="info_5">
					<button onclick="checkTest3(this,1),checkTest2()">-</button>
					<input type="text" value="1"/>
					<button  onclick="checkTest3(this,2),checkTest2()">+</button>
				</li>
				<li class="info_6">¥99.70</li>
				<li class="info_7">
					<a href="javascript:viod(0)" onclick="checkTest4(this),checkTest2()">删除</a> <br/>
					<a>移到我的关注</a><br/>
				</li>
			</ul>
		</div>
		<!--商品详情展示结束-->
		
		<!--结算模块开始-->
		<div class="balance warp">
			
			<ul class="balance_ul1">
				<li>
					<input type="checkbox"  name="fav" onclick="checkTest1(this),checkTest2()"/>
					全选
				</li>
				<li><a>删除选中商品</a></li>
				<li><a>移到我的关注</a></li>
				<li><a>清除下柜商品</a></li>
			</ul>
			
			
			<ul class="balance_ul2">
				<li>已经选择<span id="snum">0</span>件商品</li>
				<li>总价<span id="zongz">¥0</span></li>
				<li>
					<button class="butt">去结算</button>
				</li>
			</ul>
			
		</div>
		
		
		<!--结算模块结束-->
		
	</body>
</html>
//获得所有的多选框对象
	
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;
	
	
	//商品的总价格
	var  zong=0;
	
	//统计是否有勾选的对象
    var num=0;
    
    //统计商品数量
    var spNum=0;
	
	for (var i=1;i<fav.length-1;i++){
		
		if(fav[i].checked){
			
			num++;
			
			//获得父节点
			var par=fav[i].parentNode.parentNode;
			//获得指定ul下面的所有的li
			var li=par.getElementsByTagName("li");
			
			//单个商品的总价格
			var z=li[6].innerText.split("¥")[1];
			
			//获得所有商品的总价格
			zong+=Number(z);
			document.getElementById("zongz").innerText=zong;
			
			//获得商品的数量
            var z2=li[5].getElementsByTagName("input");
            var num2=z2[0].value;
            spNum+=Number(num2);
			
			  
            //获得商品数量统计的对象
            document.getElementById("snum").innerText=spNum;
		}
	}
	if(num==0){
        document.getElementById("zongz").innerText=0;
        document.getElementById("snum").innerText=0;
    }

}

//控制数量的增加和减少
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;
}

	//删除指定的节点
	function checkTest4(th){
	
	//删除父节点
	
	var div=th.parentNode.parentNode.parentNode;
	
	div.remove();
	
	
}


Python 全系列/第七阶段:网页编程基础/JavaScript 17460楼

课程分类

百战程序员微信公众号

百战程序员微信小程序

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