如何使用Jquery基于多个选择框更改总和
How to change sum based on multiple select boxes with Jquery?
我有一组具有不同数值的选择框,它们加在一起产生一个和。
不必每次需要新值时都刷新页面,如何更改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/
相关文章:
- 选择时使用jQuery克隆HTML DIV
- HTML使用选择表单更改输入选择(可能使用JQuery?)
- 默认按表列选择选项(使用Javascript)
- Accordion选择在使用jquery点击其中一个时无法正常工作
- 试图创建一个具有2“;数量;选择器使用html、javascript
- 允许日期选择器使用文本输入字段
- 日期选择器使用所有字段的下拉菜单JavaScript和JQuery W/O日历
- 在链接选择上使用jQuery添加/删除类
- 选择除使用 JavaScript 的文本框之外的所有文本框
- 在 HTML 中选择中使用 Vue.js 和 Minimalect 显示默认值
- 高如何选择要使用 javascript 显示的范围?.
- 有选择地使用 MathJax 渲染方程
- 如何使用类选择器使用 Jquery ScrollTo() 将页面滚动到元素
- 如何获取 HTML 选择以使用 JavaScript 显示所选值
- 反应构建选择输入使用 for 循环
- Angularjs 2:在离子选择离子 2 中选择不使用选定值更新
- AngularJs:选择在使用ng-repeat时不显示任何选项的下拉列表
- jQuery选择器使用正则表达式(或其他东西)
- 为什么日期选择器使用 Jquery 日期选择器仅显示 20 年的选项
- 选择“JS使用数组作为源”