数量的多选选项，用于更新总值

Question

我准备了以下jsfiddle来说明问题的核心

问题如下： 我在商店购物篮中有产品清单。每个产品都有可用的选项，例如颜色，当客户选择白色的数量时，例如js功能：

function update_amounts(){
var sum = 0.0;
$('#basketorder > tbody  > .product').each(function() {
var qty = $(this).find('.qty option:selected').val();     
var price = $(this).find('.price').val();
var amount = (qty*price);
sum+= amount;
$(this).find('.amount').text(''+ amount);
//alert(sum);
});    

必须更新产品的总金额。功能正常但它只计算第一个选定的颜色数量，但如果客户决定再订购另外2个黑色商品，则不会计算它们。我的问题是如何使这个功能将不同颜色的所有数量相加，并将它们与产品相乘单价，这样我得到一个正确的总数？ 感谢您的帮助