購物車加量如何用js代碼寫
『壹』 求用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>
『貳』 JS代碼加入購物車的問題
你是不是用過代碼
就是在瀏覽器里輸入的JS代碼,得的免費物品.<漏洞>
你點自定義--還原默認,試下,應該能成功
『叄』 該如何寫購物車數量效果代碼
代碼我先不貼了，我提供下思路，具體的寫法你自己會的。分數你看著給啦
首先得到版該產品的數量權最大值
獲取文本框的onchange事件，在此事件中，比較文本值和最大值，如果小於最大值，就不做任何操作，如果大於最大值，就彈出對話框，已經超過了最大數量，或者在頁面上設置一個顯示提示信息的文本框。
『肆』 js購物車中加入變數的計算怎麼加
聲明全局變數可以操作變數的增加，或者傳入參數，通過修改參數，實現變數的修改
『伍』 淘寶 購買添加數量 js 怎麼寫
<!來DOCTYPEhtml>
<html>
<head>
<scriptsrc="/jquery/jquery-1.11.1.min.js">
</script>
<script>
$(document).ready(function(){
$("#add").click(function(){
varsum=$("#sum").val();
varresult=Number(sum)+1;
$("#sum").val(result);
});
$("#down").click(function(){
varsum=$("#sum").val();
varresult=Number(sum)-1;
$("#sum").val(result);
});
});
</script>
</head>
<body>
<inputid='sum'value='0'>
<pid='add'>添加源</p>
<pid='down'>減少</p>
</body>
</html>
跟這個類似
『陸』 購物車中 用滑鼠點擊文本框前的『+』號 或後面的『-』號時 數量相應增減 那段代碼是JS么 是的話怎麼寫的
var count=1;
if(按鈕被點擊操作){//代碼自己找
count=count+1;
}else if(減號按鈕被點擊操作){
count=count-1;
}
『柒』 如何用jquery寫多個購物車的數量曾減，我用jquery寫了但只第一個購物車增減有用，其它的無效，代碼如下：
這個時候就像前面大哥說的 不能用id來表示了 可以用class
還有你的這個結構是不規范的 id一個頁面只能是唯一的
為了不同時改變 其他的購物車的數量 可以來找到相對的
這個結構：
<div>
<p>單價：3.95</p>
<input class="min" name="" type="button" value="-" />
<input class="text_box" name="" type="text" value="4" />
<inputclass="add" name="" type="button" value="+" />
<p>總價：<label class="total"></label></p>
</div>
<div>
<p>單價：3.95</p>
<input class="min" name="" type="button" value="-" />
<input class="text_box" name="" type="text" value="4" />
<input class="add" name="" type="button" value="+" />
<p>總價：<label class="total"></label></p>
</div>
把每個購物車用一個div包起來
js:
$(function(){
//var t = $("#text_box");
$(".add").click(function(){
var t= $(this).parent().find(".text_box"); //根據這個來找到它相對的元素 當然也可以直接 //$(this).prev(); 這個直接來找到
t.val(parseint(t.val()+1);
setTotal($(this),t.val());
})
$(".min").click(function(){
var t= $(this).parent().find(".text_box"); //根據這個來找到它相對的元素 當然也可以直接 //$(this).next(); 這個直接來找到
t.val(parseint(t.val()-1);
setTotal($(this),t.val());
})
function setTotal(obj,number){
var total=number*$(obj).parent().find("p:first").text(); //這里算出總價
$(obj)).parent().find("total").html(total.toFixed(2));
}
// setTotal();
})
給一個建議 以後要想做好東西 布局一定要好
一個好的結構 才能讓你任意操作
『捌』 請問js購物車代碼加在哪才能實現當顧客看到加入購物車的按鈕，點擊後出現彈出框呢
加在當前頁面的<script>的一個方法中，你點擊按鈕觸發這個方法就行
『玖』 無刷新修改購物車產品數量得總金額的js代碼
用你給的代碼基礎上用了一個最簡單的js計算，數量是鍵盤輸入，也可以在左右兩側加上自增減的操作，望採納！
<table width="500" border="0" cellpadding="5" cellspacing="0">
<tr><td>數量</td><td>單價</td></tr>
<tr>
<td><input type="text" id="num" value="1" size="5" onchange="setTotal();"/></td>
<td><span id="fare">6.00</span>元</td>
</tr>
<tr>
<td> </td>
<td>總金額：￥:<span id="total_Price">6</span>.00</td>
</tr>
</table>
<p>數量那裡最好能鍵盤輸入，不然買100件就有的點了。麻煩再給看看哈</p>
<script type="text/JavaScript">
function setTotal(){
var fare=document.getElementById("fare").innerHTML;
//alert(fare);
var num=document.getElementById("num").value;
if(/\D/.test(num)){//檢查用戶輸入的值是否是數字
alert("請您輸入正確的數量！");
document.getElementById("total_Price").innerHTML="0"
}else{
document.getElementById("total_Price").innerHTML=parseFloat(fare*num);
}
}
</script>
『拾』 求助js購物車代碼！要能點擊 添加按鈕 就直接在購物車顯示出來!可以修改數量！
<script language='javascript'>
function checkSum()
{
var sum = 0;
for(var i=0;i<document.form1.elements["writer"].length;i++)
{
if(document.form1.elements["writer"][i].checked)
{
sum = sum +parseInt(document.form1.elements["writer"][i].value);
}
}
totalprice.innerText = sum +" 元";
}
</script>
<form method=post name=form1>
<input type="checkbox" name=writer value="34" onclick="checkSum()">韓國耳飾tm56（元）<br>
<input type="checkbox" name=writer value="46" onclick="checkSum()">純銀吊墜tc34（46元）<br>
<input type="checkbox" name=writer value="30" onclick="checkSum()">黃鶯手鐲ta345（30元）<br>
<input type="checkbox" name=writer value="40" onclick="checkSum()">翡翠玉鐲1346（40元）<br>
<input type="checkbox" name=writer value="50" onclick="checkSum()">天涯耳飾1233（50元）<br>
<br>
總價為：<span id="totalprice">0 元</span>
</form>