當前位置:首頁 » 購物大全 » 購物車的js怎麼寫

購物車的js怎麼寫

發布時間: 2021-03-12 23:19:46

1. 用js實現購物車(用js cookie傳遞數據)

不需要加id的 ,你可以直接提交數據保存到資料庫,然後從資料庫里檢索顯示在購物車頁面

2. 求用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>

3. js 購物車

購物車已發給你了

4. 關於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試試。

5. 在HTML里用javascript做一個簡單購物車部分

給樓主做了一個,JS實現商品計數的加和減,最少不能少於1,最多不大於99,代碼裡面有注釋,方面樓主查看和使用。

6. 淘寶購物車界面的js實現

購物車不只是js 啊
也包括後台的
不是那麼容易做到的啊

7. 有沒有添加購物車的代碼 JavaScript 或者jquery 的都可以

添加購物車需要和伺服器端進行數據交互,前端主要是用js的ajax功能將產品的id或者其他信息提交給伺服器端,然後等伺服器端返回添加成功,再在頁面上的購物車中增加添加的商品。

8. 當沒有選中顏色時,購物車不能購買,js代碼怎麼寫,需要代碼

你可以反著來嘛,直接讓購物車不能購買 選擇顏色之後再允許購買。

9. 前端用js如何實現購物車功能,如圖那樣的效果

這是需要多個方法才能完成的
1,需要動態添加商品那一條顯示的function
2,個數那個需要一個增加減少的function
3, 需要個統計總數量的
4,需要一個檢測checkbox的
你做到什麼程度了

10. javaScript 如何實現購物車狀態圖

就是圖片 ,然後根據不同的狀態換,也可以把這個圖片做成透明的,下面弄個背景為綠色的色塊,讓透明的圖片透過去,色塊的寬度通過提前設置好的根據不同的狀態進行變化

熱點內容
斷背山有幾分鍾 發布:2024-08-19 08:31:17 瀏覽:253
日本電影 女老師和學生私奔 發布:2024-08-19 08:29:36 瀏覽:49
台灣電影 雙胞胎 發布:2024-08-19 08:02:18 瀏覽:134
2020最新電影在線觀看網站 發布:2024-08-19 07:56:06 瀏覽:641
男男電影虐 發布:2024-08-19 07:04:57 瀏覽:10
韓國電影李采潭主演的關於發廊的 發布:2024-08-19 07:01:57 瀏覽:2
每期都有做的動漫 發布:2024-08-19 06:44:33 瀏覽:778
東宮拍攝時間 發布:2024-08-19 06:44:12 瀏覽:5
林正英電影情節鬼抬轎 發布:2024-08-19 06:36:35 瀏覽:254
懂的都懂在線觀看網站 發布:2024-08-19 06:26:11 瀏覽:676