㈠ 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();
})
给一个建议 以后要想做好东西 布局一定要好
一个好的结构 才能让你任意操作