CODEWITHSUNDEEP
javascriptphpjqueryhtml
razvan
razvan

Reputation: 61

Calculate total from number input and set to number input

Helo, I have some problems on my calculate script, why I can not calculate example: 23+20*2=86 when I calculate he gather + and not * why ? hre is the script

<script type='text/javascript'>
$(window).load(function(){
    $('div#cont-sum-fields').on('change', 'input', function() {
        var total = 0;
        $('#cont-sum-fields').find('input[id^="cont-sum"]').each(function() {
            if ($(this).val() !== "") total += parseFloat($(this).val())
        });
        $('#cont-sum-fields').find('#total-cont-sum').val(total);
    });
});//]]>  
</script>


<body>
  <div id='cont-sum-fields'>
    <input type="number" id="cont-sum-1" /> 
    <input type="number" id="cont-sum-2" /> 
    <input type="number" id="cont-sum-3" /> 
    <input id="total-cont-sum" type="number" disabled />
  </div>
</body>

where I wrong?

Upvotes: 0

Views: 2478

Answers (1)

Emil
Emil

Reputation: 1816

Is this what you want?

$(window).load(function(){
    $('div#cont-sum-fields').on('change', 'input', function() {
        var total =  (parseInt($( "#cont-sum-1" ).val()) +  parseInt($( "#cont-sum-2" ).val())) * parseInt($( "#cont-sum-3" ).val()) ;

        $('#cont-sum-fields').find('#total-cont-sum').val(total);
    });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

  <div id='cont-sum-fields'>
    (<input type="number" id="cont-sum-1" /> +
    <input type="number" id="cont-sum-2" />) x
    <input type="number" id="cont-sum-3" /> 
    <input id="total-cont-sum" type="number" disabled />
  </div>

Upvotes: 4

Related Questions