如何使用Jquery基于多个选择框更改总和?

时间:2012-07-17 19:31:18

标签: javascript jquery forms

我有一组具有不同数字值的选择框,它们被加在一起以产生总和。

不是每次我想要新值时都要刷新页面,如何更改Jquery以便在表单中记住新选择的值,并在更改值时计算新的总和?

您可以在此处查看我要做的事情:http://jsfiddle.net/beehive/Za42G/3/

var combined = 0;
$("select").each(function() {
    combined += parseInt($(this).val());
});

$("#sum").html(combined);

$("#sum").change();

1 个答案:

答案 0 :(得分:2)

一种可能的方式:

$("select").change(function() {
    var combined = 0;
    $("select").each(function() {
        combined += parseInt(this.value, 10);
    });
    $("#sum").html(combined);
}).trigger("change");​

DEMO: http://jsfiddle.net/Za42G/4/