Question

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

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

但它不起作用 - 可能是因为老实说我不知道我在做什么。正如我写的那样 - 我是一个完全新手，每一个提示或想法如何做到这一点将不胜感激！我一直在努力改变原始代码（我知道我不应该这样做）几天了，仍然不知道接下来要做什么，没有人问它。

Answer 1

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

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

Jquery多选价格表与求和

1 个答案: