Jquery函數循環增加值

Question

我想從表單字段數組中獲取總值，但由於某種原因，Keyup上的值不正確最後一個值從最後一個輸入值中增加而並非所有字段都是我的功能：

function percentage_hardcoded_form(_formharcoded_id, _form_fieldArray, _form_hardcodedtotalWrapper, _form_hardcodedtotalId) { 

      var _form   = $j(_formharcoded_id); 
      var _sumDisplay  = _form.find(_form_hardcodedtotalId); 

      $j(_form_hardcodedtotalId).attr('disabled','disabled'); 


      $j.each(_form_fieldArray, function(index, item) { 

       var _summands  = item; 
       var sum    = 0; 

       _form.delegate(_summands, 'change', function() { 

        //$j.each(function() {  
         var value = Number($j(this).val()); 
         if (!isNaN(value) && !$j(this).is(_form_hardcodedtotalId)) sum += value; 
        //}); 

        if(sum === 100) 
        { 
         // is 100 
         $j(_form_hardcodedtotalWrapper).removeClass('warning'); 
         $j(_form_hardcodedtotalWrapper).find('.QuestionWarning').hide(); 
        } 
        else 
        { 
         // isnt 100 
         $j(_form_hardcodedtotalWrapper).addClass('warning'); 
         $j(_form_hardcodedtotalWrapper).find('.QuestionWarning').show(); 
        } 

        _sumDisplay.val(sum); 

       }); 
      }); 
     } 

     percentage_hardcoded_form('#aspnetForm #questions_page_Page17', designForm_ids_1, "#question_DCWorkSplit", "#DCWorkSplit"); 

以下是我與工作的的jsfiddle： http://jsfiddle.net/q05k48b7/1/

更新

我已經更新了JS提琴見鏈接下面，仍然無法正常工作。

http://jsfiddle.net/q05k48b7/2/

Answer 1

如何通過引入一個窗體類型的對象，你們每個人有不同的形式，簡化了代碼？

var formObj = function($){ 
    var fields = []; 
    var total = 0; 
    var totalField = null; 

    return { 
     setFields: function(fieldIds){ 
      fields = fieldIds; 
     }, 
     setTotalField: function(fieldId){ 
      totalField = fieldId 
     }, 
     setTotal: function(){ 
      var total = 0; 
      $.each(fields, function(idx,item){ 
       var v = $('#'+item).val(); 
       if(!isNaN(v)){ 
        var nV = Number(v); 
        total += nV; 
       } 
      }); 
      $('#'+totalField).val(total); 
     }; 
    }; 
}; 

然後，您可以使用這樣的：

var form1 = new formObj($j); 
form1.setFields([ 
    'TurnoverFromOwnDesign', 
    'Feesinrespectofdesignonly', 
    'TurnoverFromSubcontractedWork', 
    'TurnoverFromSupervisedWork', 
    'TurnoverDesignsByClient', 
    'DCAllotherturnover' 
]); 
form1.setTotalField('DCWorkSplit'); 
form1.setTotal(); 

的問題是不是太清楚 - 一個MVCE會有所幫助，但我認爲this fiddle表明上面的圖案做你想要什麼。

注意，小提琴要求輸入change處理各formObj的setTotal方法：

$j('#questions_page_Page17 input').change(function(){ 
    form1.setTotal(); 
    form2.setTotal(); 
});