购物车

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="js/jquery-1.12.4.js"></script>
</head>
<body>
<div >&times;</a></td>'+
            '</tr>');
        $('#total').html( getTotal() );
    });

    //为“删除”按钮(即X号)绑定事件监听函数，注意：X是后添加的，很多X执行的行为是一样的——使用事件代理
    $('#cart tbody').delegate('td > a', 'click',function(event){
        event.preventDefault();
        var a = event.target;
        $(a).parent().parent().remove();

    });
    //为“购买数量”输入框做事件绑定——使用事件代理
    $('#cart tbody').delegate('td > input','change', function(event){

        var input = event.target;
        var count = input.value;
        var price = $(input).parent().prev().html();
        $(input).parent().next().html( price*count );
        $('#total').html( getTotal() );
    })
    //计算购物车的总金额
    function getTotal(){
        var sum = 0;
        $('#cart tbody tr td:nth-child(3)').each(function(i, td){
            sum += parseInt(td.innerHTML);
        })
        return sum;
    }


    function randPrice(){
        var p = Math.random()*100;
        p = p.toFixed(2);
        p = parseFloat(p);
        return p;
    }
    function randCount() {
        var c = Math.floor(Math.random() * 10 + 1);
        return c;

    }
    $('#header').load('php/header.php');
    $('#footer').load('php/footer.php');
    var theme=localStorage.getItem('ChoseTheme');
    applyTheme(theme)

</script>

</body>
</html>
相关推荐
