在MVC编辑表单上动态求和2个字段

Question

我有一个名为ExVAT和VAT的2个字段的MVC编辑表单。我想添加另一个字段，其中包含这两个值的总和。

目前，我已经显示了加载表单时的2个字段的总数。但是，如果您要更改其他字段之一，则不会更新总计以反映新总计。

例如，在下面的屏幕截图中显示：

我已将Ex.Vat图从22更改为32，但总数尚未更新（当值正确时我将处理格式化）

获得总数的代码是：

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

在编辑其他字段时，进行总字段更新的最佳方法是什么？

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

}）;