0

我正在为我姐姐准备一个网站，您可以从列表中选择一些项目，它们将显示在列表下 - 为此我使用asmselect script。到目前为止，一切对我来说都很完美，因为我是 jquery 的新手，所以我不会更改任何原始代码。但问题是我姐姐希望列表中的每个项目都指定价格，并且她希望选择的价格在列表下总结。所以她想要完成的是与例如非常相似的事情，但整个设计必须看起来像 asmselect - 必须只有一个列表。我尝试为每个列表选项实现原始代码值，而不是使用标准求和 jquery 代码（类似于那里) 然后是我写的代码

$(function () {
var fields = $('#form1 :input').change(calculate);
function calculate() {
    var price = 0;
    fields.each(function () {
        price += +$(this).val();
    })
    $('#price').html(price.toFixed(2));
}
})

但它不起作用 - 可能是因为老实说我不知道​​我在做什么。正如我所写 - 我完全是新手，每一个提示或想法如何做到这一点将不胜感激！几天来，我一直在尝试自己更改原始代码（我知道我不应该这样做），但仍然不知道下一步该做什么，也没有人可以询问。

4

1 回答 1

0

在您的代码中，您试图循环通过已绑定到元素的事件。将其更改为输入元素列表。

$(function() {
    var fields = $('#form1 :input');
    fields.change(function() {
        var price = 0;
        fields.each(function() {
            price += parseFloat($(this).val());
        });
        $('#price').html(price.toFixed(2));
    });
})
于 2015-09-16T07:16:50.620 回答