Динамически суммировать 2 поля на MVC Изменить форму

Question

У меня есть форма редактирования MVC с двумя полями, называемыми ExVAT и VAT. Я хочу добавить другое поле с общим количеством этих двух значений.

В настоящий момент у меня отображается общая сумма 2 полей при загрузке формы. Но если вы изменили одно из других полей, общее количество не будет обновлено, чтобы отразить новое общее количество.

Так, например, в скриншоте ниже:

Я изменил Ex.Vat рисунок от 22 до 32, но общее не был обновлен (я буду иметь дело с форматирование, когда значение правильно)

код, чтобы получить в общей сложности составляет:

@Html.Raw(Model.Vat + Model.ExVat) 

Что является лучшим способом, чтобы сделать полное обновление поля как флористика r редактируются?

Answer 1

JSFiddle: https://jsfiddle.net/3tnjtLv5/1/

<div> 
    <div><input id="txtA" type="text" value="1"></div> 
    <div><input id="txtB" type="text" value="2"></div> 
    <div id="txtResult"> 
</div> 

<script> 
    var txtA=$('#txtA'); 
    var txtB=$('#txtB'); 
    var txtResult=$('#txtResult'); 

    function updateSum() { 
     txtResult.html(parseInt(txtA.val()) + parseInt(txtB.val())); 
    } 

    $(function() { 
     updateSum(); 
     txtA.change('change', updateSum); 
     txtB.bind('change', updateSum); 
    }); 
</script> 

Answer 2

Использование JQuery метод ввода, изменение свойства

jQuery('#Ex.vat', '#vat').on('input propertychange paste', function() { 
$('#Total').val($('#Ex.vat').val()+$('#vat').val()); 

});