『壹』 用js實現購物車（用js cookie傳遞數據）
不需要加id的 ，你可以直接提交數據保存到資料庫，然後從資料庫里檢索顯示在購物車頁面
『貳』 javascript 模仿淘寶購物車
你是要開通淘寶
還是說購物車
開通淘寶網店的話可以直接聯系
但是你說的版購物車，是淘寶自權定的一個系統，你購買東西，會有一個直接購買和放進購物車，比如有人到我小店裡買鞋子，如果是單獨購買一雙，就會直接點擊購買買多雙，會點擊放到購物車，然後挑選別的接著放到購物車，等改價的時候方便。像是你去超市一樣
『叄』 用JavaScript代碼模擬購物車。
購物車挺復雜的，不是一句兩句能說清的，現在前端都用react，vue這類響應式框架做購物車，事半功倍。
『肆』 在HTML里用javascript做一個簡單購物車部分
給樓主做了一個，JS實現商品計數的加和減，最少不能少於1，最多不大於99，代碼裡面有注釋，方面樓主查看和使用。
『伍』 關於javaScript問題 購物車的實現
關於只有最後一個文本框能觸發checknum方法的問題：
其實這里有個邏輯錯誤，主要是<%=i%>中的i是多少的問題。從你貼出來的代碼看，你是不是連JS代碼也循環輸出了吧，也就是有幾條購物信息，就會生成幾個checknum方法，在JS里，同函數名的方法如果多次定義，則只有最後一個定義的方法有效果，那最後一個checknum方法里的<%=i%>實際就只指代最後一個文本框了。結果就是只有最後一個文本框有效果。
其實樓主只需要循環輸出表格，JS代碼只用一個就行了，只要在文本框觸發JS動作時，把<%i%>作為參數傳進JS方法就行了，例如，你可以這么寫：
...
<td width="58" height="30"><input name="num<%=i%>" size="5" type="text" value="<%=goodsitem.number%>" onBlur="checknum(this.form,<%=i%>)"></td>
...
把JS方法放到循環外面，這么寫：
function checknum(myform,i){
var inp = myform['num'+i];
if(isNaN(inp.value) || inp.value.indexOf('.')!=-1){
alert("請不要輸入非法字元！");inp.focus();return;}//判斷是否為數字值
if(inp.value><%=leave%>){alert("請輸入小於現有庫存 （"+<%=leave%>+"） 的數量！");inp.focus();return;}
if(inp.value==0){
alert("請輸入大於1的整數！");inp.focus();return;}
if(inp.value==""){
alert("請輸入修改的數量！");inp.focus();return;}
myform.submit();
}
關於數字修改後觸發checknum方法的問題：
樓主的checknum方法最後是要提交表單的，所以如果用鍵盤事件，那每一次輸入一個字元或刪除一個字元，都會觸發表單提交動作，這應該不是樓主要的結果。字元修改後觸發JS方法有專門的事件處理方法onchange。樓主可以吧onblur換成onchange試試。
『陸』 求用javascript編寫的簡易購物車小程序如圖所示：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>MyHtml2.html</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<script>
/*
*@author Caoshun
*@計算 合計費用
*/
function countMethod(){
var num=document.getElementById("num").value;
var unitPrice=document.getElementById("unitPrice").value;
var freight=document.getElementById("freight").value;
document.getElementById("result").value=parseFloat((num*unitPrice))+parseFloat(freight);
}
</script>
</head>
<body>
<table border="1" cellpadding="1" cellspacing="1" background="#red" style="text-align: center;">
<tr><td colspan="5" align="center">簡易購物車</td></tr>
<tr>
<td>商品名稱</td>
<td>數量(件)</td>
<td>單價(美元)</td>
<td>運費(美元)</td>
<td><input type="button" value="合計" onclick="countMethod();"></td>
</tr>
<tr>
<td>跑跑道具</td>
<td><input type="text" size="6" id="num"></td>
<td><input type="text" size="6" id="unitPrice"></td>
<td><input type="text" size="6" id="freight"></td>
<td><input type="text" size="6" id="result"></td>
</tr>
</table>
</body>
</html>
『柒』 javascript購物車計算價格
獲取來小計自下面相對應得value值，再相加！
<div id="one">1.5</div>
<div id="two">2.5</div>
<div id="three"></div>
<script>
var one=document.getElementById("#one").value;
var two=document.getElementById("#two").value;
var three=document.getElementById("#three").value;
three=one+two;
</script>
『捌』 javaScript 如何實現購物車狀態圖
就是圖片 ，然後根據不同的狀態換，也可以把這個圖片做成透明的，下面弄個背景為綠色的色塊，讓透明的圖片透過去，色塊的寬度通過提前設置好的根據不同的狀態進行變化
『玖』 JS代碼 做一個簡易的購物車 效果圖如下
樓主是想要點擊合計就是出數值還是什麼？如果說點擊合計就算出值的話如下
<tablewidth="400"border="1">
<tr>
<throws="5">簡易購物車</th>
</tr>
<tr>
<td>商品名稱</td>
<td>數量(件)</td>
<td>單價(美元)</td>
<td>運費(美元)</td>
<td><buttononclick="fun()">合計</button></td>
</tr>
<tr>
<td><inputtype="text"name="goodsName"/></td>
<td><inputtype="text"name="num"id="num"/></td>
<td><inputtype="text"name="price"id="price"/></td>
<td><inputtype="text"name="freight"id="freight"/></td>
<td><inputtype="text"name="total"id="total"/></td>
</tr>
</table>
<script>
functionfun(){
varnum=document.getElementById("num").value;
varprice=document.getElementById("price").value;
varfreight=parseInt(document.getElementById("freight").value);
vartotal=(price*num)+freight;
document.getElementById("total").value=total;
}
</script>
『拾』 前端用js如何實現購物車功能，如圖那樣的效果
這是需要多個方法才能完成的
1，需要動態添加商品那一條顯示的function
2，個數那個需要一個增加減少的function
3， 需要個統計總數量的
4，需要一個檢測checkbox的
你做到什麼程度了