㈠ 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實現購物車加減
直接刪除就是了。不過現在都在賽客寶貝街購物。正品，選擇多。
㈢ 在java中，怎麼通過javascript來實現購物車里所有商品價格的總價結算
用JQuery選擇器，操作DOM元素，進行商品加減操作（動態數據可以參考ajax技術）
㈣ 【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實現對選中內容的值實行加減操作
給你寫好了，很簡單，你預覽的時候記得引用自己的jQuery文件。
對了，你的table結構有問題，給你稍做了改動。希望對你有用，呵呵
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
.changeBG{
background-color:#09F;}
input{
background-color:#E6EFF0;}
.quick span{
display:block;
float:left;
cursor:pointer;
padding:3px;}
label{
cursor:pointer;}
</style>
<script src="../scripts/jquery-1.4.js" type="text/javascript"></script>
<script type="text/javascript">
var A=[1,3,9]; //選項A的列表
var B=[2,4,6]; //選項B的列表
$(function(){
$('.quick:contains("A")').click(function(){
change('input',A);});
$('.quick:contains("B")').click(function(){
change('input',B);});
$('.quick:contains("反選")').click(function(){
turnOver();});
$('.quick:contains("取消")').click(function(){
abolish();});
$('.quick span:contains("-")').click(function(){
decrease(10);});
$('.quick span:contains("+")').click(function(){
increase(10);});
$('label').parent().click(function(){
$(this).next().children().toggleClass('changeBG')});
});
function change(str,arr){
for(i=0;i<arr.length;i++)
$($(str).get(arr[i]-1)).addClass('changeBG');}
function abolish(){
$('input').removeClass('changeBG');}
function turnOver(){
$('input').toggleClass('changeBG');}
function increase(num){
var a=$('.changeBG');
for(i=0;i<a.length;i++)
$(a[i]).val($(a[i]).val()*1+num);}
function decrease(num){
var a=$('.changeBG');
for(i=0;i<a.length;i++)
$(a[i]).val($(a[i]).val()*1-num);}
</script>
<title>無標題文檔</title>
</head>
<body>
<table border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left">
<table>
<tr>
<td class="quick"><a href="#"><FONT color=red>A</FONT></a></td>
<td class="quick"><a href="#"><FONT color=blue>B</FONT></a></td>
<td class="quick"><a href="#">反選</a></td>
<td class="quick"><a href="#">取消</a></td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="left">
<table cellpadding="0" cellspacing="1" border="0" >
<tr>
<th>序號</th>
<th>值</th>
<th>序號</th>
<th>值</th>
<th>序號</th>
<th>值</th>
<th>序號</th>
<th>值</th>
<th>序號</th>
<th>值</th>
</tr>
<tr>
<td align="right"><label>1</label></td>
<td><input type="text" name="num[]" value="100" size="12"/></td>
<td align="right"><label>2</label></td>
<td><input type="text" name="num[]" value="110" size="12"/></td>
<td align="right"><label>3</label></td>
<td><input type="text" name="num[]" value="120" size="12"/></td>
<td align="right"><label>4</label></td>
<td><input type="text" name="num[]" value="130" size="12"/></td>
<td align="right"><label>5</label></td>
<td><input type="text" name="num[]" value="140" size="12"/></td>
</tr>
<tr>
<td align="right"><label>6</label></td>
<td><input type="text" name="num[]" value="200" size="12"/></td>
<td align="right"><label>7</label></td>
<td><input type="text" name="num[]" value="210" size="12"/></td>
<td align="right"><label>8</label></td>
<td><input type="text" name="num[]" value="220" size="12"/></td>
<td align="right"><label>9</label></td>
<td><input type="text" name="num[]" value="230" size="12"/></td>
<td align="right"><label>10</label></td>
<td><input type="text" name="num[]" value="240" size="12"/></td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="left" class="quick">
<span>-</span>
<span>10</span>
<span>+</span>
</td>
</tr>
</table>
</body>
</html>
㈦ jquery問題購物車加減按鈕
因為一個頁面中只能存在一個 id 為 add 的元素，根據你現在的代碼，如果有10行記錄，那就會有10個 id 為 add 的 input。
所以你要把這些 input 的 id 都改為 class，text_box 的值也要根據每次點擊來判斷
<input class="min" name="" type="button" value="-" />
<input class="text_box" name="goodnum" type="text" value="${item.value.quantity }" style="width:25px;" />
<input class="add" name="" type="button" value="+" />
$(".add").click(function() {
// $(this).prev() 就是當前元素的前一個元素，即 text_box
$(this).prev().val(parseInt($(this).prev().val()) + 1);
setTotal();
});
$(".min").click(function() {
// $(this).next() 就是當前元素的下一個元素，即 text_box
$(this).next().val(parseInt($(this).next().val()) - 1);
setTotal();
});
㈧ 基於JavaScript jQuery如何把購物車的商品信息渲染到訂單頁面
OK 幫你搞定。
㈨ 請高手幫我看看，這個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寫多個購物車的數量曾減，我用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();
})
給一個建議 以後要想做好東西 布局一定要好
一個好的結構 才能讓你任意操作