//html代碼<!DOCTYPE html><html><head>? ? <meta charset="UTF-8">? ? <title>操作當(dāng)當(dāng)購(gòu)物車頁(yè)面</title>? ? <link type="text/css" rel="stylesheet" href="css/cartStyle.css" />? ? <script type="text/javascript" src="js/shopping.js"></script>? ? <script src="js/jquery-1.8.3.js" type="text/javascript"></script>? ? <script type="text/javascript">? ? ?function del(){? ? ?var cartList=document.getElementById("cartList");? ? ? cartList.parentNode.removeChild(cartList);? ? ?};? ? </script></head><body><div>? ? <div>? ? ? ? <img src="images/dd_logo.jpg"><span onclick="close_plan();">關(guān)閉</span>? ? </div>? ? <div >? ? ? ? <ul>? ? ? ? ? ? <li>商品圖片</li>? ? ? ? ? ? <li>商品信息</li>? ? ? ? ? ? <li>單價(jià)</li>? ? ? ? ? ? <li>數(shù)量</li>? ? ? ? ? ? <li>總價(jià)</li>? ? ? ? ? ? <li>操作</li>? ? ? ? </ul>? ? ? ? <ul id="cartList">? ? ? ? ? ? <li><img src="images/dog.jpg"></li>? ? ? ? ? ? <li>我和狗狗活下來(lái)了</li>? ? ? ? ? ? <li>￥<input type="text" name="price" value="21.90"></li>? ? ? ? ? ? <li><input type="button" name="minus" value="-" onclick="minus(0);"><input type="text" name="amount" value="1"><input type="button" name="plus" value="+" onclick="plus(0);"></li>? ? ? ? ? ? <li id="price0">￥21.90</li>? ? ? ? ? ? <li><p ?onclick="collection();">移入收藏</p><p onclick="del();">刪除</p></li>? ? ? ? </ul>? ? ? ? <ul>? ? ? ? ? ? <li><img src="images/mai.jpg"></li>? ? ? ? ? ? <li>灰霾來(lái)了怎么辦</li>? ? ? ? ? ? <li>￥<input type="text" name="price" value="24.00"></li>? ? ? ? ? ? <li><input type="button" name="minus" value="-" onclick="minus(1);"><input type="text" name="amount" value="1"><input type="button" name="plus" value="+" onclick="plus(1);"></li>? ? ? ? ? ? <li id="price1">￥24.00</li>? ? ? ? ? ? <li><p ?onclick="collection();">移入收藏</p><p onclick="del();">刪除</p></li>? ? ? ? </ul>? ? ? ? <ol>? ? ? ? ? ? <li id="totalPrice">商品總計(jì)：<span></span></li>? ? ? ? ? ? <li><span>結(jié) 算</span></li>? ? ? ? </ol>? ? </div></div><script type="text/javascript" src="js/shopping.js"></script></body></html>//js頁(yè)面/**?* Created by zongjuan.wang on 2016/6/1.?*//*關(guān)閉窗口*/function close_plan(){? ? window.close();}function collection(){? ? var flag=confirm("移入收藏后，將不再購(gòu)物車顯示，是否繼續(xù)操作?");? ? if(flag==true){? ? ? ? alert("移入收藏成功!");? ? }}function minus(num){? ? var prices=document.getElementsByName("price")[num].value;? ? var count=parseInt(document.getElementsByName("amount")[num].value)-1;? ? if(count<1){? ? ? ? alert("不能再減了，再減就沒(méi)有啦！");? ? }? ? else{? ? ? ? document.getElementsByName("amount")[num].value=count;? ? ? ? var totals=parseFloat(prices*count);? ? ? ? document.getElementById("price"+num).innerHTML="￥" +totals;? ? ? ? total();? ? }}function plus(num){? ? var prices=document.getElementsByName("price")[num].value;? ? var count=parseInt(document.getElementsByName("amount")[num].value)+1;? ? document.getElementsByName("amount")[num].value=count;? ? var totals=parseFloat(prices*count);? ? document.getElementById("price"+num).innerHTML="￥" +totals;? ? total();}function total(){? ? var prices=document.getElementsByName("price");? ? var count=document.getElementsByName("amount");? ? var sum=0;? ? for(var i=0; i<prices.length;i++){? ? ? ?sum+=prices[i].value*count[i].value;? ? }? ? document.getElementById("totalPrice").getElementsByTagName("span")[0].innerHTML="￥" +sum;}total();
javascript中js頁(yè)面報(bào)錯(cuò)
qq_Dreamy_舊城_0
2017-06-28 19:31:59
