JQuery добавление нескольких значений текстового поля

Question

У меня есть новая задача, и я не уверен, что лучше всего подойти к ней с помощью jQuery.

В основном клиент хочет, чтобы количество текстовых полей (для количества) составляло х, каждое с плюсом / минусом.кнопка / значок сбоку от нее, и при нажатии на каждое из них обновляются все относительные поля.

например (если на странице было 3 варианта)

кол-во [0] +-кол-во [0] + -кол-во [0] + -

Итого всего вышеперечисленного [0]

Я часто использую jQuery, но я не уверен, с чего начать.

Любой советбудет высоко ценится.

Ади.

Answer 1

Если вы добавите CSS-класс ко всем полям ввода, которые необходимо суммировать, вы можете затем прикрепить обработчик события изменения ко всем, кто позаботился об обновлении итогов:

$('input.qty').change(function() {       
    // Loop through all input's and re-calculate the total
    var total = 0;
    $('input.qty').each(function(){
        total += parseInt(this.value);
    });

    // Update the total
    $('#total').val(total);
);

Вы можете увидеть это в действии здесь .

Примечания

1. Я пропустил кнопки + и -. Это могут быть ссылки, которые увеличивают / уменьшают значение связанного ввода по мере необходимости.
2. Общее количество обновлений использует parseInt для приведения типа string к int. Вы должны убедиться, что значение входного значения является допустимым целым числом.