Jquery 需要帮助在下拉框和复选框中一起计算价格吗

我需要能够计算出正确的价格。如果复选框已经被选中，在我更改下拉数量之前，它工作得非常好

下面是我的html代码，有两个复选框，一个是包含价格的标签（span），另一个是包含数量的下拉菜单

但是请记住，有超过30行的条目，我在JFiddle中只包含了2行

代码如下：

其余部分请参见上面的JFIDDLE链接

对于上面的下拉列表，我想到了类似的方法，但它不起作用，可能是一种不好的方法

$("#MainContent_ddlLipoB12").bind('change', function () {

                if ($('#MainContent_cbLipoB12').is(':checked')) {
                    $('#MainContent_cbLipoB12').prop('checked', false);
                    $("#MainContent_cbLipoB12").click();
                }
            });

---

任何想法都将不胜感激！我尝试了几种不同的方法，但价格永远无法正确计算。

由于您有多个复选框和下拉列表，很难获得唯一的ID，因为代码需要多次复制。 更好的是，您可以为复选框和下拉列表创建一个类，并触发更新变更数量的总费用的函数。我为下拉列表添加了一个类，并调用了一个函数来更新总数。这是用于整个表的函数体

function calculateTotal() {
  var chargetotal = 0;
  $('#tab > tbody  > tr').each(function() {
    if ($('td:nth-child(1) > span >input', this).is(':checked')) {
    var price = parseFloat($('td:nth-child(3)', this).text().replace('$', ''));
    var quantity = $('td:nth-child(4) option:selected', this).val();
    chargetotal = chargetotal + price*quantity;
  }
  $('#MainContent_txtTotal').val(chargetotal);
  });
}

---

在复选框和下拉列表的更改事件中调用此函数。以下是

我的解决方案有用吗？