做了一個購物車的，如下圖，我想實現(xiàn)點擊加入購物車之后，下面的購物車table不會出現(xiàn)重名，如果相同物品我希望在數(shù)量上加1,該怎么實現(xiàn)？？我寫的代碼 在下面 請大神幫我看看！<!DOCTYPE html><html>? <head>? ? <title>購物車</title>? ? <meta charset="utf-8" />? ? <style type="text/css">? ? ? h1 {? ? ? ? text-align:center;? ? ? }? ? ? table {? ? ? ? margin:0 auto;? ? ? ? width:60%;? ? ? ? border:2px solid #aaa;? ? ? ? border-collapse:collapse;? ? ? }? ? ? table th, table td {? ? ? ? border:2px solid #aaa;? ? ? ? padding:5px;? ? ? }? ? ? th {? ? ? ? background-color:#eee;? ? ? }? ? </style>? ? <script type="text/javascript">? ? function add_shoppingcart(btn){? ? var tr=btn.parentNode.parentNode;? ? var td0=tr.children[0];? ? var name=td0.innerHTML;? ? var td1=tr.children[1];? ? var price=td1.innerHTML;? ? var ntr=document.createElement("tr");? ? ntr.innerHTML= ?? ? ? ? ? '<td>'+name+'</td>'+? ? ? ? ? '<td>'+price+'</td>'+? ? ? ? ? '<td align="center">'+? ? ? ? ? ? '<input type="button" value="-" onclick="jian(this);"/>'+? ? ? ? ? ? '<input type="text" size="3" readonly value="1"/>'+? ? ? ? ? ? '<input type="button" value="+" onclick="jia(this);"/>'+? ? ? ? ? '</td>'+? ? ? ? ? '<td>'+price+'</td>'+? ? ? ? ? '<td align="center"><input type="button" value="x" onclick="del(this);"/></td>'; ? ? ? ? ? var tbody=document.getElementById("goods");? ? ? ? ? tbody.appendChild(ntr);? ? ? ? ? if(ntr==name){? ? ? ? ? amount++;? ? ? ? ? }? ? ? ? ? sum();? ? }? ? function del(btn){? ? var tr=btn.parentNode.parentNode;? ? tr.parentNode.removeChild(tr);? ? }? ? function jia(btn){? ? var td=btn.parentNode;? ? var text=td.children[1];? ? var amount=parseInt(text.value);? ? text.value=++amount;? ? var tr=td.parentNode;? ? var td1=tr.children[1];? ? var price=parseFloat(td1.innerHTML);? ? var td3=tr.children[3];? ? var mny=price*amount;? ? td3.innerHTML=mny;? ? sum();? ? }? ? function jian(btn){? ? var td=btn.parentNode;? ? var text=td.children[1];? ? var amount=parseInt(text.value);? ? if(amount==1){? ? return;? ? }? ? text.value=--amount;? ? var tr=td.parentNode;? ? var td1=tr.children[1];? ? var price=parseFloat(td1.innerHTML);? ? var td3=tr.children[3];? ? var mny=price*amount;? ? td3.innerHTML=mny;? ? sum();? ? }? ? function sum(){? ? var tbody=document.getElementById("goods");? ? var trs=tbody.children;? ? var sum=0;? ? for(var i=0;i<trs.length;i++){? ? var td3=trs[i].children[3];? ? var mny=parseFloat(td3.innerHTML);? ? sum+=mny;? ? }? ? var td=document.getElementById("total");? ? }? ? </script>? </head>? <body>? ? <h1>真劃算</h1>? ? <table>? ? ? <tr>? ? ? ? <th>商品</th>? ? ? ? <th>單價(元)</th>? ? ? ? <th>顏色</th>? ? ? ? <th>庫存</th>? ? ? ? <th>好評率</th>? ? ? ? <th>操作</th>? ? ? </tr> ??? ? ? <tr>? ? ? ? <td>羅技M185鼠標</td>? ? ? ? <td>80</td>? ? ? ? <td>黑色</td>? ? ? ? <td>893</td>? ? ? ? <td>98%</td>? ? ? ? <td align="center">? ? ? ? ? <input type="button" value="加入購物車" onclick="add_shoppingcart(this);"/>? ? ? ? </td>? ? ? </tr>? ? ? <tr>? ? ? ? <td>微軟X470鍵盤</td>? ? ? ? <td>150</td>? ? ? ? <td>黑色</td>? ? ? ? <td>9028</td>? ? ? ? <td>96%</td>? ? ? ? <td align="center">? ? ? ? ? <input type="button" value="加入購物車" onclick="add_shoppingcart(this);"/>? ? ? ? </td>? ? ? </tr>? ? ? <tr>? ? ? ? <td>洛克iphone6手機殼</td>? ? ? ? <td>60</td>? ? ? ? <td>透明</td>? ? ? ? <td>672</td>? ? ? ? <td>99%</td>? ? ? ? <td align="center">? ? ? ? ? <input type="button" value="加入購物車" onclick="add_shoppingcart(this);"/>? ? ? ? </td>? ? ? </tr>? ? ? <tr>? ? ? ? <td>藍牙耳機</td>? ? ? ? <td>100</td>? ? ? ? <td>藍色</td>? ? ? ? <td>8937</td>? ? ? ? <td>95%</td>? ? ? ? <td align="center">? ? ? ? ? <input type="button" value="加入購物車" onclick="add_shoppingcart(this);"/>? ? ? ? </td>? ? ? </tr>? ? ? <tr>? ? ? ? <td>金士頓U盤</td>? ? ? ? <td>70</td>? ? ? ? <td>紅色</td>? ? ? ? <td>482</td>? ? ? ? <td>100%</td>? ? ? ? <td align="center">? ? ? ? ? <input type="button" value="加入購物車" onclick="add_shoppingcart(this);"/>? ? ? ? </td>? ? ? </tr>? ? </table>??? ? <h1>購物車</h1>? ? <table>? ? ? <thead>? ? ? ? <tr>? ? ? ? ? <th>商品</th>? ? ? ? ? <th>單價(元)</th>? ? ? ? ? <th>數(shù)量</th>? ? ? ? ? <th>金額(元)</th>? ? ? ? ? <th>刪除</th>? ? ? ? </tr>? ? ? </thead>? ? ? <tbody id="goods">? ? ? <!--?? ? ? ? <tr>? ? ? ? ? <td>羅技M185鼠標</td>? ? ? ? ? <td>80</td>? ? ? ? ? <td align="center">? ? ? ? ? ? <input type="button" value="-"/>? ? ? ? ? ? <input type="text" size="3" readonly value="1"/>? ? ? ? ? ? <input type="button" value="+"/>? ? ? ? ? </td>? ? ? ? ? <td>80</td>? ? ? ? ? <td align="center"><input type="button" value="x"/></td>? ? ? ? </tr>? ? ? ? ? ? ?-->? ? ? </tbody>? ? ? <tfoot>? ? ? ? <tr>? ? ? ? ? <td colspan="3" align="right">總計</td>? ? ? ? ? <td id="total"></td>? ? ? ? ? <td></td>? ? ? ? </tr>? ? ? </tfoot>? ? </table> ? ?? </body></html>
關(guān)于JS語言的問題！
JAVA小白520
2015-12-07 21:32:50
