Добавление всех входных значений текста в одно поле общей величины

Question

Я пытаюсь сделать что-то, что кажется достаточно простым, но я не могу заставить его работать. Я все еще новичок на Java, но мне больше интересно учиться, чем платить кому-то за это. Таким образом, любая помощь, руководство, будет высоко оценена.

У меня есть форма для продукта

У меня есть опции, установленные с суммой количества. (Small, Med, Large, XL)

Все, что мне нужно, это для блока основного значения внизу, чтобы обновить его значение, основанное на том, что пользователь вводит в предыдущее.

Я пытался писать простой сценарий, основанный на другом посте я прочитал

$("input.Qty").keyup(function(){ 
    sumValues(); 
}); 

function sumValues() { 
    var sum = 0; 

    $("input.Qty").each(function(){ 
     var $this = $(this); 
     var amount = parseInt($this.val(), 1); 
     sum += amount === "" || isNaN(amount)? 0 : amount; 
    }); 

    $("#qtybox").text(sum); 
} 

$(function() { 

    sumValues(); 

}); 

на основе всего, что я читал, кажется, что используя метод KeyUp является простым подходом. Любые идеи или мысли?

Answer 1

parseInt($this.val(), 1); 
         ^---- You are using the wrong radix 

должен быть

parseInt($this.val(), 10); 

Другим вопросом, может быть, что вы связывание события вне готового обработчика DOM. Таким образом, возможно, что элементы были недоступны в момент привязки событий. Попробуйте перейти в внутри DOM ready handler

Check Fiddle

$(function() { 
    $("input.Qty").keyup(function() { 
     sumValues(); 
    }).keyup(); 
}); 

function sumValues() { 
    var sum = 0; 

    $("input.Qty").each(function() { 
     var $this = $(this); 
     var amount = parseInt($this.val(), 10); 
     sum += amount === "" || isNaN(amount) ? 0 : amount; 
    }); 

    $("#qtybox").text(sum); 
} 

Answer 2

function sumValues() { 
    var sum = 0; 

    $("input.Qty").each(function() { 
     sum += parseInt(this.value, 10); 
    }); 

    $("#qtybox").text(sum); 
} 

$(function() { 
    $("input.Qty").on('keyup', sumValues).trigger('keyup'); 
});