2013-06-06 26 views
5

Numaraları girdiğim 7 giriş alanına sahip olduğum bir form oluşturmak istiyorum ve eklenen tüm sayıların bir sonuçta toplandığı son bir giriş alanı. Diğer yığınlayıcıdan bazı komut dosyalarını düzenlemeyi denedim, ancak bazı nedenlerle sonucu göstermiyor.Bir çoklu giriş alanlarının jquery toplamı bir

html geçerli:

<form class="form-horizontal" id="whereEntry" method='post' action=''> 
    <fieldset> 
    <input type="text" class="income_count span1 register_input" id="income" name="income" placeholder="% of income"> <br> 
    <input type="text" class="income_count span1 register_input" id="income_2" name="income_2" placeholder="% of income"> <br> 
<input type="text" class="income_count span1 register_input" id="income_3" name="income_3" placeholder="% of income"> <br> 
<input type="text" class="income_count span1 register_input" id="income_4" name="income_4" placeholder="% of income"> <br> 
    <input type="text" class="income_count span1 register_input" id="income_5" name="income_5" placeholder="% of income"> <br> 
     <input type="text" class="income_count span1 register_input" id="income_6" name="income_6" placeholder="% of income"> <br><br><br> 

    <input type="text" class="span2 register_input" id="income_sum" name="income_sum" placeholder="% of income"> <br> 
     </fieldset> 
     </form> 

ve benim komut dosyası ana kadar şuna benzer: Burada

var $form = $('#whereEntry'), 
$summands = $form.find('.income_count'), 
$sumDisplay = $('#income_sum'); 

$form.delegate('.income_count', 'change', function() 
{ 
var sum = 0; 
$summands.each(function() 
{ 
    var value = Number($(this).val()); 
    if (!isNaN(value)) sum += value; 
}); 

$sumDisplay.text(sum); 
}); 

bunun jsfiddle edilir

: Beni http://jsfiddle.net/bT4nm/1/

yardım edebilir? Ben jQuery hakkında Nooby olduğum komut benim html sınıflarında sorunu veya bir şeydir ve ben

+0

Numaraları doğru bir şekilde topladıktan sonra, toplamı doğru formatta gösterme konusunda zorluk çekebilirsiniz (bin ayırıcı, ondalık basamak, para birimi sembolü vb.). Bunun için şu cevaba bakın: http://stackoverflow.com/questions/2901102/how-to-print-a-number-with-commas-as-thousands-separators-in-javascript/28378652#28378652 – gibberish

cevap

6

$sumDisplay.val(sum); 

yerine

do .. benim js güncelleme keman harika olurdu ASAP çözüm gerek
$sumDisplay.text(sum); 

WORKING DEMO

5

bunu kullanın:

var $form = $('#whereEntry'), 
$summands = $form.find('.income_count'), 
$sumDisplay = $('#income_sum'); 

$form.delegate('.income_count', 'change', function() 
{ 
var sum = 0; 
$summands.each(function() 
{ 
    var value = Number($(this).val()); 
    if (!isNaN(value)) sum += value; 
}); 

$sumDisplay.val(sum); 
}); 
+0

teşekkürler ! :) – dzordz