jquery tổng của nhiều trường nhập trong một

Question

Tôi muốn tạo biểu mẫu trong đó tôi có 7 trường nhập, trong đó tôi nhập số và một trường nhập cuối cùng trong đó tất cả các số được chèn được tổng kết trong một kết quả. Tôi đã cố gắng chỉnh sửa một số tập lệnh từ trình xếp chồng khác nhưng từ một số lý do khiến nó không hiển thị kết quả.

html là:

<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> 

và kịch bản của tôi cho đến nay trông như thế này:

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

đây là jsfiddle của nó: http://jsfiddle.net/bT4nm/1/

thể bạn giúp tôi? là vấn đề trong lớp học html của tôi hay cái gì trong kịch bản tôi nooby về jQuery và tôi cần là càng sớm càng tốt giải pháp .. cập nhật của js của tôi fiddle sẽ là tuyệt vời

Answer 1

làm

$sumDisplay.val(sum); 

thay vì

$sumDisplay.text(sum); 

WORKING DEMO

Answer 2

Sử dụng này:

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