Javascript/JQuery文本框值计算

我试图用这些文本框做一个简单的计算。 这是我目前的代码：

   @foreach (var discount in Model.Discounts)
            {
                <div class="editor-label">
                    <label for="@discount.Key.DiscountCode">@discount.Key.DiscountName</label>
                </div>
                <div class="editor-field">
                    <input class="discountCode" name="discountCode" readonly="true" type="text" />
                    <a class="remove" data-key="discountCode" href="javascript:void(0);">Remove</a>
                    <a class="edit" data-key="discountCode" href="javascript:void(0);">Edit</a>
                </div> <br />
            }

<div class="totaldiscounts">
Total: <input id="total" type="text" />
</div>

    <script>
    $('.edit').on('click', function () {
        var parent = $(this).parent();
        var input = parent.find('input');

        if (input.attr('readonly') === 'readonly') {
            $(this).text('Stop Edit');
        }
        else {
            $(this).text('Edit');
        }
        input.attr('readonly', !input.attr('readonly'));


    });

    $('.remove').on('click', function () {
        var parent = $(this).parent();
        var input = parent.find('input');
        input[0].value = 0;
        $(input).first().blur();

        var parent = $(this).closest("div");
        var uncle = parent.prev();
        parent.remove();
        uncle.remove();
    });


    $('.discountCode').on('blur', function () {

        var inputs = $(".discountCode");

        var val = 0;
        for (var i = 0; i < inputs.length; i++) {
            if (!isNaN(inputs[i].value)) {
                val += +inputs[i].value; 
            }
        }

        $('#total').val(val);
    });
    </script>

此代码一直有效，直到我必须将每个文本框的类名更改为其实际唯一的折扣代码，如下所示：

<input class="@Model.discount.discountCode" name="@Model.discount.discountCode" readonly="true" type="text" />

显然，我的javascript不再工作了，因为每个文本框的类名现在彼此不同。 如何使用此设置使javascript工作。

---

任何帮助都将不胜感激。谢谢

将附加类名放入elementexample中

class="unique_class_name shared_class_name"

毕竟，循环到每个classshared\u class\u名称，以获得如下代码所示的值：

$('.shared_class_name').on('blur', function ()....

---

您可以使用相同的类名将额外的类名设置到文本框中，并在其上循环。@NorlihazmeyGhazali嗨，对不起，我是开发新手，据我所知，您是在告诉我在一个元素中放置两个类名，对吗？如果不对，请详细说明。非常感谢你！是的，请使用相同的类名放置另一个类名。你能吗？@NorlihazmeyGhazali你能给我举一个使用两个类名的简单例子吗？因为我这样做很可笑。lol.首先，我不知道如何使用c添加类名，但通常我使用的类名是class=unique\u class\u name shared\u class\u name