Beste leden,

Ik wil met javascript de totaal prijs van een product bepalen dus aantal * product prijs en uiteindelijk de totaal prijs. Wanneer iemand dus het aantal wijzigt dat de product prijs veranderd en de totaal prijs.

Ik had nu het volgende gevonden:


<script type='text/javascript'> 
function priceTotal(price) 
{  
    var aantal   = document.getElementById('aantal').value; 
    var result   = document.getElementById('total'); 
    result.value = 19.95 * aantal; 
} 
</script> 


Met de volgende html code:


<form method="post" enctype="multipart/form-data">

<table width="250" border="0" cellspacing="2" cellpadding="2">
  <tr>
    <td><strong>Product</strong></td>
    <td><strong>Aantal</strong></td>
    <td><strong>Prijs</strong></td>
  </tr>
  <tr>
    <td>Aapje</td>
    <td><input name="aantal" onChange="priceTotal()" type="text" style="width:25px" /></td>
    <td>&euro; <input id="total" type="text" readonly size="4"> </td>
  </tr>
  <tr>
    <td>Hondje</td>
    <td><input name="aantal" type="text" style="width:25px" /></td>
    <td>&euro; </td>
  </tr>
</table>

Totaal prijs: &euro; ....

</form>


Wanneer ik dit toepas krijg ik de melding:

Bericht: Object required
Regel: 10
Teken: 5
Code: 0
URI: http://www.website.nl/producten/

Wat moet ik daarmee? Wat gaat er fout?

Erwin

Reageren