javascript - Jquery:使用复选框值更改现有价格

标签 javascript jquery html

我有一张结账表格,基本价格为 249.99 美元。用户可以选择以 99.99 美元的价格添加一张 table 和/或椅子。截至目前,价格发生变化,但会删除而不是增加基本价格。取消选择后,它实际上减去基本价格,剩下 0 美元。

$(':checkbox').change(function(){
    var sum = 0;
    var names = $(':checked').map(function(){
        sum += (this.value - 0);
        return this.name;
    }).get().join(',');
    var spans = $('span.amount');
    spans[1].innerHTML = sum;
});

我做了一个fiddle here来表达我的意思。那么我如何才能将基本价格保持在 249.99 美元并进行正确的计算呢?非常感谢您提前提供的帮助。

最佳答案

为什么sum = 0?在给定的示例中不应该是 249.99 吗?

看看这个:

http://jsfiddle.net/XSCZ3/7/

关于javascript - Jquery:使用复选框值更改现有价格,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15976389/

相关文章:

javascript - 单击后清除 TEXTAREA 值 (onFocus)

javascript - JS - 将字符串值附加到构造函数调用

javascript - YUI 测试和 DOM 测试

javascript - 保留 html 片段还是仅使用 javascript 构建?

JQuery - 获取调用元素 id

jquery - 如何在 D3.js 中创建正态分布 正态分布

php - 如何保持wordpress中音乐播放器的一致?

javascript - Coffeescript 语法无效

php - 从 SQL 数据库中缓存数据以进行排序

javascript - 单击数据关闭按钮时如何清除 Bootstrap 模式中的所有输入字段?