从多个选择字段计算总成本值

Question

我有以下代码来计算总成本，具体取决于在文本字段中输入的内容以及选择哪个包。

<label for="_mdjm_event_cost" class="mdjm-label">Total Cost:</label> 
<br />&pound; 
<input type="text" name="_mdjm_event_cost" id="_mdjm_event_cost" class="mdjm-input-currency required" value="" placeholder="0.00" /> 
<br /> 
<label for="_mdjm_event_package" class="mdjm-label">Select an Event Package:  </label> 
<br /> 
<select name="_mdjm_event_package" id="_mdjm_event_package"> 
<option value="" data-price="0.00">No Package</option> 
<option value="test" data-price="100.00">Test</option> 
</select> 
<br /> 
<label for="_mdjm_event_addons" class="mdjm-label">Select Add-ons:</label> 
<br /> 
<select name="_mdjm_event_addons" id="_mdjm_event_addons" multiple="multiple"> 
<option value="" disabled="disabled" data-price="0.00">EFFECTS</option> 
<option value="" disabled="disabled" data-price="0.00">GENERAL</option> 
<option value="" disabled="disabled" data-price="0.00">LIGHTING</option> 
<option value="mood-lighting" data-price="50.00">Mood Lighting x 3 - &pound;50.00</option> 
</select> 

jQuery(document).ready(function ($) { 
base = 0; 
$("#_mdjm_event_cost").on("keyup", function() { 
    base = $('#_mdjm_event_cost').val(); 
}); 
$("#_mdjm_event_package").on("change", function() { 
    var total = (base * 100 + $(this).find(":selected").data("price") * 100)/100; 
    $("#_mdjm_event_cost").val(total.toFixed(2)); 
    }); 
}); 

代码工作正常，以便在选择包时计算新的总和。我现在想扩展它，以便在从加载项多选框中选择（或取消选择）加载项时进一步更新总成本字段。在https://jsfiddle.net/tanyk8wu/

感谢

Answer 1

OK

当前工作拨弄我相信我有以下更新到jQuery代码解决了这个...

jQuery(document).ready(function ($) {https://jsfiddle.net/tanyk8wu/#collaborate 
base = 0; 
$("#_mdjm_event_cost").on("keyup", function() { 
    base = $('#_mdjm_event_cost').val(); 
}); 
$('#_mdjm_event_package, #_mdjm_event_addons').change(function() { 
    var extras = 0; 
    var packages = 0; 
    var addons = 0; 
    $('#_mdjm_event_package :selected').each(function() { 
     packages += Number($(this).data("price")); 
    }); 
    $('#_mdjm_event_addons :selected').each(function() { 
     addons += Number($(this).data("price")); 
    }); 
    var extras = (packages + addons); 
    var total = (base * 100 + extras * 100)/100; 
    if (total == "0") { 
     $("#_mdjm_event_cost").val(''); 
    } else { 
     $("#_mdjm_event_cost").val(total.toFixed(2)); 
    } 
}); 
}); 

似乎工作。 Demo at https://jsfiddle.net/tanyk8wu/5/