MVC Как автоматически отображать общую сумму

Question

Я пытаюсь отобразить общую сумму в MVC от @ Html.TextboxFor () с до @ Html.DisplayFor () без кнопок общего количества или чего-либо еще.Как в winform textChange, но я понятия не имею, как это сделать.

 @Html.TextBoxFor(s => s.num1)
 @Html.TextBoxFor(s => s.num2)

при изменении суммы в текстовых полях, displayfor автоматически отображает общую сумму

Я добавил этооснованный на ответе Линоя, но .text, кажется, не показывает результат.

        $('.getNum1').blur(function () {
            var val1 = $(this).val();
            var val2 = $('.getNum2').val();

            $('.gettotal').text(parseInt(val1) + parseInt(val2));
        });

Answer 1

Проверьте этот код

 @Html.TextBoxFor(s => s.num1, new { @class = "prop" })
     @Html.TextBoxFor(s => s.num2, new { @class = "prop" })

    <span class="gettotal"></span>

         $(".prop").on("input", function (e) {
                           // debugger;
                            var total = 0;
                            $('input[class*="prop"').each(function () {
                                var rowval = $(this).val();
                                total = total + parseInt(rowval);
                            });
                            $('.gettotal').text(total);
                        });

Answer 2

Это шаги, которые вы можете попробовать

step1: добавить имена классов к двум текстовым полям и метке (мы можем легко выбрать текстовое поле с помощью jquery)

Шаг 2: использовать jquery "onblur"событие, чтобы идентифицировать изменения текстового поля (используйте событие onblur в обоих текстовых полях)

Шаг 3: внутри обратного вызова события проверьте, чтобы все текстовые поля были заполнены.Вы можете получить значения текстового поля с помощью запроса $ ('. Txtboxclassname'). Val ()

Step4: сделайте свою логику и обновите результат до метки

$ ('. Labelclassname').text (yourresult)

Как изменить текст метки в jQuery?