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

How to change sum based on multiple select boxes with Jquery?

本文关键字:选择 何使用 Jquery 于多个      更新时间:2023-11-08

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

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

你可以在这里看到我想要做的事情:http://jsfiddle.net/beehive/Za42G/3/

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

一种可能的方法:

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

演示:http://jsfiddle.net/Za42G/4/