Hoi ,
Back van weggeweest en meteen maar in huis vallen met een probleem waar ik al dagen tegen aan loop. Niemand schijnt het probleem te kunnen oplossen, dus ik hoop hier iemand te vinden die mij dan toch eindelijk zou kunnen helpen met het oplossen van het probleem.
Ik ben bezig met een offerte systeem en ik heb daarbij een duplicate method toegepast zodat ik elke keer een rij velden kan dupliceren, dit werkt allemaal perfect. Ook het berekenen van de waardes werkt tot dusdanige hoogte redelijk. Het probleem waar ik tegen aan hik is het volgende:
Als ik een enkele rij invul dan krijg ik output 0 of geen output, dupliceer ik het veld zodat ik 2 outputs heb dan berekend hij alles netjes wel zie bijlages voor voorbeeld.
Bijlage1: knipsel-werktniet ( Is waar het niet werkt) , bijlage2: knipsel-werkt ( Is waar het wel werkt.).
Dit is de code:
<script type="text/javascript">
function isNum(value)
{
return 123;
}
function calcTotals()
{
var grandTotal = 0;
var row = 0;
while (document.forms['cart'].elements['price[]'][row])
{
priceObj = document.forms['cart'].elements['price[]'][row];
qtyObj = document.forms['cart'].elements['quantity[]'][row];
totalObj = document.forms['cart'].elements['total[]'][row];
if (isNaN(priceObj.value))
{
priceObj = '';
}
if (isNaN(qtyObj.value))
{
qtyObj = '';
}
if (priceObj.value && qtyObj.value)
{
totalObj.value = (parseFloat(priceObj.value) * parseFloat(qtyObj.value));
grandTotal = grandTotal + parseFloat(totalObj.value);
}
else
{
totalObj.value = '';
}
row++;
}
document.getElementById('grand_total').value = grandTotal;
return;
}
</script>
Toon Meer
Het bijbehorende formulier:
<form name="cart" method="post">
<div id="input1" class="clonedInput">
<table>
<tr>
<td>
<label for="txtProduct" class=""></label>
<input type="text" name="product[]" size="30" placeholder="Product-Titel"/>
</td>
<td>
<label for="txtPrice" class=""></label>
€ <input type="text" name="price[]" size="7" placeholder="100" onchange="calcTotals()"/>,-
</td>
<td>
<label for="txtQuantity" class=""></label>
<input type="text" name="quantity[]" size="5" placeholder="5x" onchange="calcTotals()"/>
</td>
<td><input name="total[]" readonly/></td>
</tr>
</table>
</div>
<br />
<input style="margin-left: -65px;" name="gTotal" id="grand_total" />
<div>
<input type="radio" name="betaalmethode" value="pin" /> Per Pin<br>
<input type="radio" name="betaalmethode" value="kas" checked /> Per Kas<br>
<br />
<button id="btnAdd" type="button">Add field (max. 10)</button>
<button id="btnDel" type="button">Delete Field</button>
<input type="submit" name="submittt" value="Compleet factuur" />
</div>
</form>
Toon Meer
ik hoop dat er hier iemand is die mij hiermee zou kunnen helpen. Het maakt me helemaal gek.
Bedankt alvast,
Kevin.