Question

您好我正在寻找jquery中的脚本来汇总输入和选择选项的值，我找到了这个脚本：

消息来源：jQuery checkbox and select - sum the values and add in var

唯一的问题是我的表单包含多个输入和多个选择。

我在想这样的事情：

REPLACE：

tot+=parseInt($('#more').val());
$('#usertotal').html(tot)
});

     $('#more').change(function(){
      $('input:checkbox').trigger('change');
     });

有关：

tot+=parseInt($('select > option:selected'').val());
$('#usertotal').html(tot)
});

     $('select > option:selected'').change(function(){
      $('input:checkbox').trigger('change');
     });

我知道如何编辑代码来实现这一目标。

在下面的链接中，我创建了一个Demo，第一个选择在INPUTS之间进行求和。

JSFIDDLE DEMO： http://jsfiddle.net/B9ufP/

Answer 1

jQuery没有reduce方法（但是）它确实有each，你可以使用它来达到同样的效果。

var sum = 0;
$('select > option:selected').each(function() {
  sum += parseInt($(this).val(), 10);
});

Answer 2

这就是我想要的，谢谢你的帮助：

var $total = $('#usertotal');
$('input,select').change(function () {
    var tot = 0;
    $('input:checkbox:checked, select > option:selected').each(function () {
        var per_op = $(this).attr('value');
        if (per_op) {       
        tot += Number(per_op);
        }
    });
    var final_result = tot.toFixed(2);
    $total.html(final_result)
});

DEMO： http://jsfiddle.net/zFCvV/6/

输入的总和值和表格中的选择

2 个答案: