Javascript 使用JQuery计算购物车

我正在用HTML/CSS和JQuery创建购物车，并坚持做两件事：

当我更新数量时，小计、税收和总价值没有被更新，其次，在Buy now按钮上，我必须将数据发布到json

这是我的密码

var税率=0.2；
//var发货率=15.00；
var fadeTime=300；
/*分配行动*/
$（'.shoppingBasket-items\uuuu数量输入'）。更改（函数（）{
更新性（本）；
重新计算cart（）；
});
$（'.remove item'）。单击（函数（）{
移除（本）；
});
/*重新计算购物车*/
函数重新计算cart（）{
var小计=0；
/*汇总行总数*/
$（'.shoppingBasket items'）。每个（函数（）{
小计+=parseFloat（$（this）.children（'.shoppingBasket-items\uuu price'）.text（））；
});
/*计算小计*/
var税=小计*税率；
var总额=小计+税金；
/*计算总数*/
var税=小计*税率；
var总额=小计+税金；
/*更新总计显示*/
$（'.shoppingBasket-totalcost'）.fadeIn（fadeTime，function（）{
$（“#购物车小计”）.html（小计.toFixed（2））；
$（'#cart tax'）.html（tax.toFixed（2））；
//$（'#cart shipping'）.html（shipping.toFixed（2））；
$（'#cart total'）.html（total.toFixed（2））；
如果（总计==0）{
$（'.checkout'）.fadeOut（fadeTime）；
}否则{
$（'.checkout'）.fadeIn（fadeTime）；
}
$（'.totals value'）.fadeIn（fadeTime）；
});
}
重新计算cart（）；
/*更新数量*/
函数updateQuantity（quantityInput）
{
/*计算线路价格*/
var productRow=$（quantityInput）.parent（）.parent（）；
var price=parseFloat（productRow.children（'.shoppingBasket-items\uuuu cost'）.text（））；
var数量=$（quantityInput）.val（）；
var linePrice=价格*数量；
/*更新行价格显示和重新计算购物车总计*/
productRow.children（'.shoppingBasket-items\uuuu cost'）。每个（函数（）{
$（this）.fadeOut（fadeTime，function（）{
$（this.text（linePrice.toFixed（2））；
重新计算cart（）；
$（this.fadeIn（fadeTime）；
});
});
重新计算cart（）；
}
/*从购物车中删除项目*/
功能removeItem（removeButton）
{
/*从DOM中删除行并重新计算购物车总数*/
var productRow=$（removeButton）.parent（）.parent（）；
productRow.slideUp（fadeTime，function（）{
productRow.remove（）；
重新计算cart（）；
});
}

/*--购物标题--*/
.购物篮{
浮动：左；
宽度：90%；
填充：0 40px；
字体大小：14px；
}
.购物篮标签{
宽度：100%；
浮动：左；
边框底部：2个实心#999999；
填充：0 15px；
}
.shoppingBasket-labels\uuuu产品名称{
宽度：55%；
浮动：左；
}
.购物篮标签产品价格{
宽度：15%；
浮动：左；
}
.购物篮-标签\uuu产品数量{
宽度：15%；
浮动：左；
}
.购物篮标签\uuuu产品成本{
宽度：15%；
浮动：左；
文本对齐：右对齐；
}
/*---购物项目--*/
.购物篮物品{
宽度：100%；
浮动：左；
填充：8px 15px；
线高：26px；
位置：相对位置；
}
.购物篮项目：第n个孩子（单数）{
背景色：#dddddd；
}
.购物篮项目：第n个孩子（偶数）{
背景色：透明；
}
.购物篮-商品名称{
宽度：55%；
浮动：左；
}
.购物篮-商品价格{
宽度：15%；
浮动：左；
文本对齐：居中；
}
.购物篮项目数量{
宽度：15%；
浮动：左；
文本对齐：居中；
}
.shoppingBasket-items\u数量>输入{
宽度：40px；
文本对齐：右对齐；
最小高度：26px；
}
.购物篮项目成本{
宽度：15%；
浮动：左；
文本对齐：右对齐；
}
.删除项目{
位置：绝对位置；
右：-40px；
最高：50%；
页边顶部：-5px；
光标：指针；
}
.remove item>svg{
宽度：1米；
高度：1米；
}
.数量{
显示：内联块；
垂直对齐：中间对齐；
}
.数量>跨度{
颜色：#fff；
背景#999999；
显示：块；
填充：0.4px；
字体大小：10px；
光标：指针；
线高：正常；
}
.数量>范围：悬停{
背景:#333333；
}
.数量>跨度：第一个孩子{
边缘底部：1px；
}
.remove item>svg路径{
填充：#030368；
}
.购物篮小计，
.购物篮，
.购物篮总数，
.购物篮结帐{
宽度：100%；
浮动：左；
填充：0 15px；
}
.购物篮-小计标签，
.购物篮-增值税标签，
.购物篮-总标签{
宽度：85%；
浮动：左；
}
.购物篮-小计成本，
.购物篮-增值税成本，
.购物篮-总成本{
宽度：15%；
浮动：左；
文本对齐：右对齐；
}
.购物篮结帐.btn结帐{
浮动：对；
背景：#000066；
边界：0；
填充：8px 12px；
颜色：#ffffff；
字体大小：粗体；
字体大小：16px；
边界半径：6px；
盒影：1px2px6px1pRGBA（0,0,0,0.45）；
}

产品
价格
数量
费用
棉质T恤，中号
1.99
+
-
1.99
棒球帽，一号
2.99
+
-
2.99
棉质T恤，中号
3.99