老师 我这个在网页里怎么点都没有动静 ,代码也检查了 ,您能帮忙看一下吗?
<!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"></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();
}