Добавить или удалить класс div на основе суммы числовых полей ввода

Question

У меня есть рабочий код, чтобы делать то, что мне нужно, но он работает только с jQuery 1.9.1, и мне нужно, чтобы он работал с jQuery 1.12.4, я пытался использовать noConflict, но он не Кажется, мне не хочется работать.

Моя цель - вычислить сумму различных числовых полей и добавить или удалить класс в зависимости от значения. В этом случае, если сумма числовых полей не равна 8, то класс «отключен» добавляется к кнопке «добавить в корзину».

любая помощь будет принята с благодарностью:)

    <script>
    $(document).on("change", ".addon-input_multiplier", function(){
    var sum = 0;
    $(".addon-input_multiplier").each(function(){
        sum += +$(this).val();
    });
    if (sum != 8) {
        $(".single_add_to_cart_button").addClass("disabled");
    } else {
     $(".single_add_to_cart_button").removeClass("disabled");
    }
});
    </script>

Answer 1

Как то так? Я думаю, что скрипт не нашел css для отключения, помещенного в вашу таблицу стилей

.disabled {display: none; }

<style type="text/css">
    .disabled {
        display: none;
    }
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
    <script>
    $(document).on("change", ".addon-input_multiplier", function(){
    var sum = 0;
    $(".addon-input_multiplier").each(function(){
        sum += +$(this).val();
    });
    if (sum != 8) {
        $(".single_add_to_cart_button").addClass("disabled");
    } else {
     $(".single_add_to_cart_button").removeClass("disabled");
    }
});
    </script>

    <form>
        <input type="number" name="aa" class="addon-input_multiplier">
        <input type="submit" name="sub" class="single_add_to_cart_button">
    </form>