如何创建基于复选框的价格计算器? [关闭]

问题描述 投票:-1回答:1

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

javascript jquery calculator
1个回答
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);
    });
});
© www.soinside.com 2019 - 2024. All rights reserved.