当前位置:首页 » 网购平台 » jquery购物车合计
扩展阅读
宁波奥德赛优惠价格 2021-03-15 14:26:02
丹尼斯购物卡能挂失么 2021-03-15 14:25:58
淘宝购物指纹验证失败 2021-03-15 14:24:44

jquery购物车合计

发布时间: 2021-02-07 19:22:05

『壹』 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中做购物车的共有几件商品怎么做

那得看你查出来的数据是什么样的格式了,比如一种商品有两件,这算是一条数据还是两条数据,如果是一条数据,那么直接统计数据条数就可以了,如果是两条数据,就要去重计算商品数