Question

我试图显示MVC中从@ Html.TextboxFor（）s到@ Html.DisplayFor（）的总数，而没有总按钮或其他任何内容。就像在winform textChange中一样，但是我不知道该怎么做。

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

在更改文本框中的金额时，displayfor将自动显示总计

我是根据Linoy的回答添加的，但是.text似乎没有显示结果。

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

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

Answer 1

这些是您可以尝试的步骤

第一步：将类名添加到两个txtbox和标签中（我们可以使用jquery轻松选择文本框）

Step2：使用jQuery“ onblur”事件识别文本框更改（在两个txtbox中都使用onblur事件）

Step3：在事件回调内，检查所有文本框是否已填充。您可以使用以下查询获取文本框值 $（'。txtboxclassname'）。val（）

第4步：执行逻辑并将结果更新为标签

$（'。labelclassname'）。text（您的结果）

How to change the text of a label in jQuery?

Answer 2

查看此代码

 @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);
                        });

MVC如何自动显示总金额

2 个答案: