jquery实现的简单购物车效果

Demo:  /> cart.rar
这个简单的购物车效果是由慕课网的课程“用JS实现购物车特效”改写的

$(function(){
// 全选
       //判断全选是否选中，并输出输出已选商品数目
    $('.check-all').click(function(){
        if(this.checked){
            $('tbody :checkbox').prop('checked',true);
            var chknum=$('tbody :checkbox').size();
            $('#selectedTotal').html(chknum);
            getTotal();
        }
        else{
            $('tbody :checkbox').prop('checked',false);
            $('#selectedTotal').html('0');
            getTotal();
        }
    })
    //子复选框选中时判断全选是否需要选中
    $('tbody :checkbox').click(function(){
        alchk();
        getTotal();
    })
    //alchk函数是通过遍历子复选框的选中个数来判断全选是否需要选中，并输出已选商品数目
    function alchk(){
        var chknum=$('tbody :checkbox').size();
        var chk=0;
        $('tbody :checkbox').each(function(){
            if($(this).prop('checked')==true){
                chk++;
            }
        });
        $('#selectedTotal').html(chk);
        if(chknum==chk){
            $('.check-all').prop('checked',true);
        }
        else{
            $('.check-all').prop('checked',false);
        }
    }

// 删除单行商品
    $('.delete').click(function(){
        var conf = confirm('确定删除此商品？');
        if (conf) {
            $(this).parent('td').parent('tr').remove();
        }
    })

// 点击删除所选项
    $('#deleteAll').click(function(){
        var conf = confirm('确定删除此商品？');
        if (conf) {
            $('tbody :checkbox').each(function(){
                var chknum=$('tbody :checkbox').size();
                var chk=0;
                if($(this).prop('checked')==true){
                    $(this).parent('td').parent('tr').remove();
                    chk--;
                }
            });
            alchk();
        }
    })

//点击+ -按钮对应增加或减少商品数目
$('.add').click(function(){
    var tr=$(this).parent('td').parent('tr');
    var input=tr.find('input[type=text]');
    var reduce=$(this).parent('td').parent('tr').find('.reduce')
    var val=input.val();
    val++;
    input.val(val);
    reduce.html('-');
    getSubTotal(tr);
    getTotal();
})
$('.reduce').click(function(){
    var tr=$(this).parent('td').parent('tr');
    var input=tr.find('input[type=text]');
    var val=input.val();
    val--;
    input.val(val);
    if (input.val() <= 1) {
        $(this).html('');
    }
    getSubTotal(tr);
    getTotal();
})

//小计价格
function getSubTotal(tr){
    var count=tr.find('input[type=text]').val();
    var price=tr.find('.price').html();
    var subTotal=count*price;
    tr.find('.subtotal').html(subTotal);
}

//总价格
function getTotal(){
    var total=0;
    $('tbody :checkbox').each(function(){
        if($(this).prop('checked')==true){
            var subtotal=parseInt($(this).parent('td').parent('tr').find('.subtotal').html());
            total=total+subtotal;
        }
    });
    $('#priceTotal').html(total);
}

})