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

屏幕截图 2021-02-27 111657.png

屏幕截图 2021-02-27 111639.png

问题:老师请问一下为什么我点击添加商品以后,商品总价添加进去了,但是这个去结算的按钮也会移动?请问老师这个原因是什么?

代码:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" href="css/reset1.css" />
		<link rel="stylesheet" href="css/jd1.css" />
		<script type="text/javascript" src="js/js1.js">
			
		</script>
	</head>
	<body>
		<div class="nav">
			<div class="nav1">
				<ul class="nav-uu">
					<li><a href="">京东首页</a></li>
					<li class="l1"><a href="">配送至:北京</a></li>
				</ul>
				<ul class="nav1-u">
					<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="nav2 nav1">
			<img src="img/logo.jpg" height="120px" />
			<input type="button" value="搜索" />
			<input type="text" width="100px" />
		</div>
		<div class="nav3 nav1">
			<ul>
				<li class="b1"><h2>全部商品</h2></li>
				<li class="b3"><select>
					<option>昌平区</option>
					<option>顺义区</option>
					<option>大兴区</option>
				</select></li>
				<li class="b2">配送至</li>
			</ul>
		</div>
		<div class="nav4 nav1">
			<ul>
				<li class="f1"><input type="checkbox" id="but1" onclick="demo1()"/>全选</li>
				<li class="f2">商品</li>
				<li class="f3">单价</li>
				<li class="f4">数量</li>
				<li class="f5">小计</li>
				<li class="f6">操作</li>
			</ul>
		</div>
		<div class="nav5 nav1">
			<ul>
				<li class="nn1"><input type="checkbox" id="but2" onclick="demo8()"/></li>
				<li class="nn2"><img src="img/手机.jpg" height="80px" /> </li>
				<li class="nn3">【京东超市】华为5G智能手机</li>
				<li class="nn4">颜色:红色+黑色</li>
				<li class="nn5" id="bal1">¥158.99</li>
				<li class="nn6"><button class="button-1" id="che2" onclick="demo3()">-</button><input type="text" value="1" id="in1"/><button id="che1" onclick="demo2()">+</button></li>
				<li class="nn7" id="bal2">¥158.99</li>
				<li class="nn8">删除<br/>移到我的关注</li>
				<!--<li class="nn9">移到我的关注</li>-->
			</ul>
		</div>
		<div class="nav6 nav1">
			<ul>
				<li class="nnn1"><input type="checkbox"  id="but3" onclick="demo8()"/></li>
				<li class="nnn2"><img src="img/手表.jpg" height="80px" /> </li>
				<li class="nnn3">【京东超市】华为5G智能手表</li>
				<li class="nnn4">颜色:红色+黑色</li>
				<li class="nnn5" id="bal3">¥208.99</li>
				<li class="nnn6"><button class="button-1" onclick="demo5()" id="che4">-</button><input type="text" value="1" id="in2"/><button onclick="demo4()" id="che3">+</button></li>
				<li class="nnn7" id="bal4">¥208.99</li>
				<li class="nnn8">删除<br/>移到我的关注</li>
				<!--<li class="nn9">移到我的关注</li>-->
			</ul>
		</div>
		<div class="nav7 nav1">
			<ul>
				<li class="nnnn1"><input type="checkbox" id="but4" onclick="demo8()"/></li>
				<li class="nnnn2"><img src="img/衣服.jpg" height="80px" /> </li>
				<li class="nnnn3">【京东超市】全新秋季男士套装</li>
				<li class="nnnn5" id="bal5">¥308.99</li>
				<li class="nnnn6"><button class="button-1" id="che6" onclick="demo7()">-</button><input type="text" value="1" id="in3"/><button onclick="demo6()" id="che5">+</button></li>
				<li class="nnnn7" id="bal6">¥308.99</li>
				<li class="nnnn8">删除<br/>移到我的关注</li>
				<!--<li class="nn9">移到我的关注</li>-->
			</ul>
		</div>
		<div class="nav8 nav1">
			<ul>
				<li class="ss1"><input type="checkbox" id="but5"/>全选</li>
				<li class="ss2">删除选中商品</li>
				<li class="ss3">移到我的关注</li>
				<li class="ss4">清除下柜商品</li>
				<li class="ss5">已经选择<span id="span1">0</span>件商品</li>
				<li class="ss6">总价<span id="span2">0</span></li>
				<li class="ss7"><input type="button" value="去结算"/></li>
			</ul>
		</div>
	</body>
</html>


Python 全系列/第七阶段:网页编程基础/JavaScript 21601楼
JAVA 全系列/第四阶段:数据库与AI协同技术实战/SQL 语言 21602楼
JAVA 全系列/第一阶段:AI驱动的JAVA编程/飞机大战小项目训练 21604楼
JAVA 全系列/第十四阶段:分布式文件存储与数据缓存/Redis 21605楼
JAVA 全系列/第二十一阶段:租房网(Spring Cloud最新架构)/Livegoods第一天 21607楼
Python 全系列/第一阶段:AI驱动的Python编程/控制语句 21608楼
JAVA 全系列/第一阶段:AI驱动的JAVA编程/IDEA的使用和第一个java项目 21609楼
JAVA 全系列/第六阶段:JavaWeb开发/Servlet技术详解 21611楼
JAVA 全系列/第六阶段:项目管理与SSM框架/SpringMVC 21612楼

老师 为啥我这把 把prop和v-model的

新建 DOCX 文档.docx

值弄一致  rules 的效果还是显示不出来 

麻烦老师看一下  谢谢

Python 全系列/第九阶段:Flask百战电商后台系统/Flask百战电商后台项目 21613楼
JAVA 全系列/第四阶段:数据库与AI协同技术实战/SQL 语言 21614楼

课程分类

百战程序员微信公众号

百战程序员微信小程序

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