此CSS的对应的是“购物车的功能——界面源码”的内容和“购物车的功能——CSS源码”的内容,希望大家不要乱
$(function(){
//点击复选框全选或全不选效果
$("#allCheckBox").click(function(){
var checked=$(this).is(":checked");
$(".cart_td_1").children().attr("checked",checked);
});
//判断是否全选
function ifAllChecked(){
var checkedBoxs=$(".cart_td_1").children();
var sum=checkedBoxs.size();
var k=0;
checkedBoxs.each(function(index,dom){
if($(dom).is(":checked")) k++;
});
if(k==sum){
$("#allCheckBox").attr("checked",true);
}else{
$("#allCheckBox").attr("checked",false);
}
}
ifAllChecked();//页面加载完后运行
//单选判断
$(".cart_td_1").children().click(function(){
ifAllChecked();
});
//计算总价与小计
function productCount(){
var $tr=$("#shopping").find("tr[id]");
var summer=0;
var integral=0;
$tr.each(function(i,dom){
var num=$(dom).children(".cart_td_6").find("input").val();//商品数量
var price=num*$(dom).children(".cart_td_5").text();//商品小计
$(dom).children(".cart_td_7").html(price);//显示商品小计
summer+=price;//总价
integral+=$(dom).children(".cart_td_4").text()*num;//积分
});
$("#total").text(summer);
$("#integral").text(integral);
}
productCount();//页面加载完后运行
//商品增加减少,flag为true时增加,flag为false时减少
function changeNumber(dom,flag){
var $input = $(dom).parent().find("input");
var value = $input.val();
if(flag){
value++;
}else{
value--;
if(value<=0){
value=1;
alert("宝贝数量必须大于0");
}
}
$input.val(value);
productCount();
};
//点击增加
$(".cart_td_6").find("img[alt='minus']").click(function(){changeNumber(this,false);});
//点击减少
$(".cart_td_6").find("img[alt='add']").click(function(){changeNumber(this,true);});
//点击删除
$(".cart_td_8").find("a").click(function(){
$(this).parent().parent().prev().remove();//删除前一tr
$(this).parent().parent().remove();//删除当前tr
productCount();
});
//点击删除所选
$("#deleteAll").click(function(){
$("#shopping").find("tr[id]").each(function(i,e){
var $tr=$(e);
var checked=$tr.children(".cart_td_1").children().is(":checked");
if(checked){
$tr.prev().remove();
$tr.remove();
}
});
productCount();
});
});