在MVC上動態求和2個字段編輯表格

Question

我有一個名爲ExVAT和VAT的2個字段的MVC編輯表單。我想添加這兩個值的總和的另一個字段。

目前我所顯示的是加載表單時的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()); 

}）;