html购物车总价,最完美的购物车页面js，可全选，计算总价，传列表套字典。

购物车功能

产品一

单价10

数量1

产品二

单价20

数量2

产品三

单价30

数量3

产品四

单价40

数量4

合计：￥0

全选

结算

// 全选/反选 功能

$('#allcheck').click(function(){

if(document.getElementById("allcheck").checked){

var oneCheck = $(".check");

for(var i=0;i

oneCheck[i].checked = true;

oneCheck.eq(i).attr("checked","checked");

}

setPrice();

}else{

var oneCheck = $(".check");

for(var i=0;i

oneCheck[i].checked = false;

oneCheck.eq(i).attr("checked",false);

}

// 反选总价清零

$('#total').html(0);

}

});

// 计算所有选中产品总价

function setPrice(){

var total = 0;

var checkTrue = $(".check");

for(var i=0;i

total = parseInt(total) + parseInt(checkTrue.eq(i).next("span").html() * checkTrue.eq(i).next("span").next("span").html())

}

$('#total').html(total);

}

// 单选计算总合计

function count(id){

var total = $('#total').html();

if(document.getElementById("count_"+id).checked){

$('#count_'+id).attr("checked","checked");

total = parseInt(total) + parseInt($('#price_'+id).html() * $('#num_'+id).html());

$('#total').html(total);

}else{

$('#count_'+id).attr("checked",false);

total = parseInt(total) - parseInt($('#price_'+id).html() * $('#num_'+id).html());

$('#total').html(total);

}

}

// 结算选中商品(列表套字典的形式传到后台)

function pay(){

var checkTrue = $(".check");

var buylist = new Array();

var product = "";

for (var i=0;i

if($(".check").eq(i).attr("checked") == "checked"){

product = '{"product_id":'+$(".check").eq(i).attr("product_id")+',"number":'+checkTrue.eq(i).next("span").next("span").html()+'}';

buylist.push(product);

}

}

if(buylist.length > 0){

buylist = '[' + buylist +']';

console.log(buylist);

}else{

alert("未选中商品");

}

}