『壹』 jquery實現的購物車商品數量變化，價格隨之變動，但是總價格怎麼跟著變啊
------------------javascript -------------------
function jia(id){
var t = $("#text_box_"+id);
var _price = parseInt($("#price_"+id).text());
var _val = parseInt(t.val())+1;
var result = (_val*_price).toFixed(2) ;
t.val(_val);
$("#total_"+id).html(result);
$("#totalmoney").html(getSum());
}
function getSum(){
var sum = 0;
$.each($("td>span[id^='total_']"),function(){
var _val = parseFloat(this.innerText);
sum += _val;
})
return sum;
}
--------------------- html 片段---------------------
<tr>
<td><span class="b red" id="price_1">69</span><span>￥</span></td>
<td><img src="../image/-.gif"align="absmiddle"onclick="jian(1)"/><input id="text_box_1" name="count" type="text" class="put1" value="1"/><img src="../image/-.gif" align="absmiddle" onclick="jia(1)"/></td>
<td><span class="b red" id="total_1">69</span><span>￥</span></td>
<td>刪除</td>
</tr>
------------------------------------------------
上面是我根據你的描述，進行了適當修改後的片段~~
基本原理就是對表格中的總價列進行了累加計算，最後寫到 」商品總金額「的位置。
『貳』 【jquery】計算購物車內商品總價！
<script type="text/javascript" language="javascript">
$(function(){
// $("dd>input").each(function(index,domEle){
// alert(this.value);
// });
var total=0;
var price,num;
$("dd:has(input)").each(function(index,domEle){
//alert($(domEle).text());
price=$("input:text",domEle)[0].value;
num=parseFloat($(domEle).text());
total+=price*num;
alert(total);
});
});
</script>現學現賣
『叄』 如何用jquery實現購物車加減
直接刪除就是了。不過現在都在賽客寶貝街購物。正品，選擇多。
『肆』 jquery購物車頁面載入時或刷新小計subtotal和total不顯示，請教高手
你這3個方法是分別是 減少1、增加1、獲得總數量。
應該是綁定到按鈕的onclick事件，在頁面加版載完成後並沒有執行。
$(document).ready(function(){
//這里權寫顯示subtotal 和 total的代碼
})
『伍』 如何用jquery寫多個購物車的數量曾減，我用jquery寫了但只第一個購物車增減有用，其它的無效，代碼如下：
這個時候就像前面大哥說的 不能用來表示了 可以用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();
})
給一個建議 以後要想做好東西 布局一定要好
一個好的結構 才能讓你任意操作
『陸』 請高手幫我看看，這個jQuery實現的購物車表單金額統計出不來結果
<tr class="tdprice">
<td class="tdprice"><span>單價抄:</span><span class="price">1.95</span></td>
這里出現兩個tdprice，，很可能導致循環錯亂，
建議修改方案，給tr一個id吧，
按照你的產品id序號給，比如：
<tr id="trprice_<% =id %>" class="trprice">....</tr>
$(".add").click(function(){
.....
var trpriceObj = $(this).parents("trprice").attr("id");
setTotal(trpriceObj);//發送某行dom節點，然後根據節點查找價格數量來計算總價
})
『柒』 jquery裡面購物車總計這個為啥變這樣的字母而不是數字有技術大佬告訴我嗎
看代碼沒直接看出問題所在；
我判斷跟樓上 jyvngshjj 的答案一樣；
你試著在控制台把循環產生的所有parseInt(t) 和 parseFloat(s) 列印出來，估計有某次循環的值是NaN
『捌』 你好，jquery實現的購物車商品數量變化，價格隨之變動，但是總價格怎麼跟著變，
貼代碼吧。。不然不知道你的問題出在哪。。
『玖』 用jQuery如何實現
<!DOCTYPEHTML>
<htmllang="en">
<head>
<metahttp-equiv="X-UA-Compatible"content="IE=edge,chrome=1"/>
<metahttp-equiv="Content-Type"content="text/html;charset=UTF-8">
<title>test</title>
<linkrel="stylesheet"href="css.css"type="text/css"media="screen">
<scriptsrc="http://libs..com/jquery/1.7.0/jquery.min.js"></script>
</head>
<body>
<styletype="text/css">tabletrtd{border:1pxsolid#ddd;padding:15px;text-align:center;background:#f3f3f3}input{text-align:center;}</style>
<div></div>
<div></div>
<tableid="t">
<tr>
<td></td><td>name</td><td>單價</td><td>數量</td><td>總價</td><td>del</td>
</tr>
<tr>
<td>1</td><td>htc</td><td>￥<span>1395.00</span></td><td><inputtype='button'value='-'onclick='less(this)'><inputtype='text'style='width:30px'name='num'value='1'><inputtype='button'value='+'onclick='more(this)'></td><td><span></span></td><td><spanonclick='del(this)'>del</span></td>
</tr>
<tr>
<td>2</td><td>apple</td><td>￥<span>5555.00</span></td><td><inputtype='button'value='-'onclick='less(this)'><inputtype='text'style='width:30px'name='num'value='1'><inputtype='button'value='+'onclick='more(this)'></td><td><span></span></td><td><spanonclick='del(this)'>del</span></td>
</tr>
<tr>
<td>3</td><td>Mac</td><td>￥<span>9999</span></td><td><inputtype='button'value='-'onclick='less(this)'><inputtype='text'style='width:30px'name='num'value='1'><inputtype='button'value='+'onclick='more(this)'></td><td><span></span></td><td><spanonclick='del(this)'>del</span></td>
</tr>
<tr>
<tdCOLSPAN='6'>合計:￥<span></span></td>
</tr>
</table>
<inputtype="button"value="加一行"onclick="tr_more()">
<scripttype="text/javascript">
$(function(){
heji();
})
functionheji(){
vartr=$("#t").find("tr").length;
vartotal=0;
for(i=1;i<tr-1;i++){//略過第一行和最後一行
varprice=$('table#ttr:eq('+i+')td:eq(2)').find('span').html();
varnum=$('table#ttr:eq('+i+')td:eq(3)').find('input:eq(1)').val();
$('table#ttr:eq('+i+')td:eq(4)').find('span').html('￥'+eval(price*num));
total=eval(total+eval(price*num));
}
$('table#ttr:eq('+eval(tr-1)+')td').find('span').html(total);
}
functionless(e){
varnum=$(e).parent().find('input:eq(1)').val();
if(num<=0){num=0}else{num--}
$(e).parent().find('input:eq(1)').val(num);
heji();
}
functionmore(e){
varnum=$(e).parent().find('input:eq(1)').val();
if(num<0){num=0}else{num++}
$(e).parent().find('input:eq(1)').val(num);
heji();
}
functiondel(e){
$(e).parent().parent().remove();
heji();
}
functiontr_more(){
vartr=$("#t").find("tr").length;
vartrr=tr-2;
varnewRow="<tr><td>"+eval(tr-1)+"</td><td>Mac</td><td>￥<span>9999</span></td><td><inputtype='button'value='-'onclick='less(this)'><inputtype='text'style='width:30px'name='num'value='1'><inputtype='button'value='+'onclick='more(this)'></td><td><span></span></td><td><spanonclick='del(this)'>del</span></td></tr>";
$('table#ttr:eq('+trr+')').after(newRow);
heji();
}
</script>
</body>
</html>
『拾』 jQuery中做購物車的共有幾件商品怎麼做
那得看你查出來的數據是什麼樣的格式了，比如一種商品有兩件，這算是一條數據還是兩條數據，如果是一條數據，那麼直接統計數據條數就可以了，如果是兩條數據，就要去重計算商品數