ontextchanged function to add multiple textbox value to anot

Question

i have four textbox i have to add the value of four text box in fifth one such that if any value i given in any of the four textbox than it will display the total sum in fifth one.How to do it in mvc ...

sourabh choubey · Answer

hey everything works fine but the problem is that what will be the total sum is not assigned to my html textbox which have id debit.. here is my code foreach (var item in Model.DynamicList) { var txtexp = txtexpid + i; @item.Text i++; } Debitt: @Html.TextBoxFor(model => model.Debit_Expenses new { @class = form-control id = Debit }) $(document).ready(function(){ debugger; //iterate through each textboxes and add keyup //handler to trigger sum event $(.form-control).each(function() { $(this).keyup(function(){ calculateSum(); }); }); }); function calculateSum() { debugger; var sum = 0; //iterate through each textboxes and add the values $(.form-control).each(function() { //add only if the value is number if(!isNaN(this.value) && this.value.length!=0) { sum += parseFloat(this.value); } }); //.toFixed() method will roundoff the final sum to 2 decimal places // $(#Debit).html(sum.toFixed(2)); //document.getElementById('Debit').value(sum.toFixed(2)); $('Debit').html(sum.toFixed(2));//here the sum is not assigned to textbox having id debit }

Vsd Vsd · Answer

http://viralpatel.net/blogs/sum-html-textbox-values-using-jquery-javascript/