如何创建基于复选框的价格计算器？

Question

您能否举例说明如何根据使用JS和jQuery选择的复选框创建价格计算器。

Answer 1

这样的东西？

https://jsfiddle.net/hof63n3k/

HTML

<input type="checkbox" value="1.99"> $1.99</input><br/>
<input type="checkbox" value="2.99"> $2.99</input><br/>
<input type="checkbox" value="3.99"> $3.99</input><br/>

Total: $<span class="total"></span>

JQuery的

$(function() {
    $('input').click(function(){

        var total = 0;
        $('input:checked').each(function(index, item) {
            total += parseFloat(item.value);
        });
        $('.total').text(total);
    });
});