來自輸入的值求和並以表格形式選擇

Question

嗨，我在jquery中尋找一個腳本來匯總輸入值和選擇選項，然后我找到了這個腳本：

消息來源： jQuery復選框並選擇-將值求和並添加var

演示： http : //jsfiddle.net/H4d7W/

唯一的問題是我的表單包含多個輸入和多個選擇。

我在想這樣的事情：

更換：

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');
     });

關於如何編輯該代碼以完成此操作的任何想法。

在下面的鏈接中，我創建了一個演示，其中的第一個選擇是在輸入之間求和。

JSFIDDLE演示： 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)
});

演示： http : //jsfiddle.net/zFCvV/6/