What I need I want to sum all to amount as the images but I can't do it
As below code how can to total all amount after quantity multiple with unitPrice?
Here is Html element
<html>
<form>
<div>
Quantity:<input type="text" class="qty"> Unit price:<input type="text" class="unit">
Amount: <input type='text' class='amount'>
</div>
<div>
Quantity:<input type="text" class="qty"> Unit price:<input type="text" class="unit">
Amount: <input type='text' class='amount'>
</div>
<div>
Quantity:<input type="text" class="qty"> Unit price:<input type="text" class="unit">
Amount: <input type='text' class='amount'>
</div>
<div>
Quantity:<input type="text" class="qty"> Unit price:<input type="text" class="unit">
Amount: <input type='text' class='amount'>
</div>
<div>
Quantity:<input type="text" class="qty"> Unit price:<input type="text" class="unit">
Amount: <input type='text' class='amount'>
</div>
<div>
Quantity:<input type="text" class="qty"> Unit price:<input type="text" class="unit">
Amount: <input type='text' class='amount'>
</div>
Total All:<input type="text" class="result">
</form>
</html>
Here is Javascript code This js can only total from unit price with quantity like amount = quant*unit
And result should be Result = amount+amount1+amount2+amount3+amount4+amount5. But i can't do that
<script>
$(document).ready(function(){
$('.qty,.unit').on('change', function(){
var qty = parseFloat($('.quant').val() );
var unit = parseFloat( $('.unit_p').val());
var quant1 = parseFloat($('.quant1').val() );
var unit1 = parseFloat( $('.unit1').val());
var quant2 = parseFloat($('.quant2').val() );
var unit2 = parseFloat( $('.unit2').val());
var quant3 = parseFloat($('.quant3').val() );
var unit3 = parseFloat( $('.unit3').val());
var quant4 = parseFloat($('.quant4').val() );
var unit4 = parseFloat( $('.unit4').val());
var quant5 = parseFloat($('.quant5').val() );
var unit5 = parseFloat( $('.unit5').val());
var amount = qty * unit;
var amount1 = quant1*unit1;
var amount2 = quant2*unit2;
var amount3 = quant3*unit3;
var amount4 = quant4*unit4;
var amount5 = quant5*unit5;
var result = [];
if(isNaN(qty) || isNaN(unit)){
$('.amount').val('');
}else{
$('.amount').val(amount);
}if(isNaN(quant1)||isNaN(unit1)){
$('.amount1').val('');
}else{
$('.amount1').val(amount1);
}if(isNaN(quant2) || isNaN(unit2)){
$('.amount2').val('');
}else{
$('.amount2').val(amount2);
}if(isNaN(amount3) || isNaN(amount3)){
$('.amount3').val('');
}else{
$('.amount3').val(amount3);
}if(isNaN(quant4) || isNaN(unit4)){
$('.amount4').val('');
}else{
$('.amount4').val(amount4);
}if(isNaN(quant5)||isNaN(quant5)){
$('.amount5').val('');
}else{
$('.amount5').val(amount5);
}
});
</script>
I can't sum all amount for total
Please help
amountX
variables you are trying to add up may not contain numbers in some cases. Since you already have checks for that in place, I suggest adding theamountX
variables toresult
in the same place you're setting the value of the input fields