js实现购物车 添加、删除、金额计算等功能

【实例截图】

【核心代码】

$(document).ready(function(){  
 //全选  
$("#checkall").click(function(){
$("input[type='checkbox']").each(function(){
if(this.checked==false)
{
this.checked=true;
}else
{
this.checked=false;
}
});
}) ;

//计算 加法1
$(".add").each(function(){
$(this).click(function(){
var old=parseInt($(this).prev().val()?$(this).prev().val():0);
$(this).prev().val(old 1);
//计算小计
var result=parseFloat($(this).prev().val())*parseFloat( $(this).parent().prev().html())
$(this).parent().next().html(result.toFixed(2));
//总价
alltotal();
})
})

//计算 减法1
$(".sub").each(function(){
$(this).click(function(){
var old=parseInt($(this).next().val()?$(this).next().val():0);
if(old>=1)
{
$(this).next().val(old-1);
//计算小计
var result=parseFloat($(this).next().val())*parseFloat($(this).parent().prev().html());
$(this).parent().next().html(result.toFixed(2));
//计算总价
alltotal();
}else{
$(this).next().val(0);
alert("不能再删除了")}
})
})

//删除单行
$(".deletebtn").each(function(){
$(this).click(function(){
$(this).parent().parent().remove();
//计算总价
alltotal();
}); })



//删除所选择的
$(".deletecheck").click(function(){

$("input[type='checkbox']").each(function(){
if(this.checked)
{ //删除当前选中的行
$(this).parent().parent().remove();
//重新计算
alltotal();
}
});
})


//计算总价
function alltotal()
{
var all=0.00;

if($(".total").length>0)
{
$(".total").each(function(){
 all = parseFloat( $(this).html());
 $(".alltotal").html("总价:" all.toFixed(2));
})
}else{
all=0.00;
$(".alltotal").html("总价:" all.toFixed(2));
}

}

//改变样式
$("tr:even").css({background:"#EEE",color:"blue"})


});