首页 > 代码库 > localStorage实现购物车数量单价和总价实时同步（二）
localStorage实现购物车数量单价和总价实时同步（二）
利用localStorage实时显示购物车小计和总价页面显示：
和昨天的原理相同，本地存储同时实时循环计算总价之和，注意循环时候的先清空再计算
Success is getting what you want, happiness is wanting what you get.
成功是得其所想，幸福是想其所得！
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script>
document.addEventListener(‘DOMContentLoaded‘,function(){
var aInp=document.querySelectorAll(‘input‘);
var oPer=document.getElementsByTagName(‘em‘);
var oStotal=document.getElementsByTagName(‘i‘);
var oDiv=document.getElementById(‘div1‘);
for(var i=0;i<aInp.length;i++){
(function(index){
//当aInp中的数字为0时清除localsotage中的数据
if(aInp[index].value=http://www.mamicode.com/=‘0‘){"number" min="0" value="http://www.mamicode.com/0">
<em>3$</em><br><br>
<i></i>
</div>
<div>
<p>商品名称:橘子</p>
<input type="number" min="0" value="http://www.mamicode.com/0">
<em>6$</em><br><br>
<i></i>
</div>
<div>
<p>商品名称：香蕉</p>
<input type="number" min="0" value="http://www.mamicode.com/0">
<em>9$</em><br><br>
<i></i>
</div>
<div id="div1">0</div>
</body>
</html>
localStorage实现购物车数量单价和总价实时同步（二）
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。