totaalbedrag onderaan een formulier

[topsnoopy]

Hoi,

Ik heb een formulier gedownload van Phorm en zelf wat dingen aangepast (heb niet echt een grote kennis van PHP)
Nu wil ik graag onderaan het formulier een tekstvakje met totaalbedrag plaatsen.
Het gaat om het bestellen van Mysterygames, een standaard game kost 19,95 euro, op maat gemaakt 29,95 euro en dan kan er ook nog voor spoed gekozen worden en dat is 7 euro duurder.
Als klanten dus een keuze maken is het de bedoeling dat dat bij totaalbedrag komt te staan. Ik kom er helaas niet uit

Hieronder het formulier.

<form method="post"
 action="distribution_bestellen/phorm.php"><img
 style="position: absolute; width: 594px; height: 616px; top: 507px; left: 206px;"
 src="/post_top.gif" height="40" width="52">
  <table
 style="background: rgb(54, 54, 54) none repeat scroll 0% 50%; -moz-background-clip: initial; -moz-background-origin: initial; -moz-background-inline-policy: initial; position: absolute; width: 584px; border-collapse: collapse; height: 568px; top: 510px; left: 211px;"
 border="1" bordercolor="#363636" cellspacing="0"
 width="584">
    <tbody>
      <tr>
        <td>
        <p></p>
        value="quickconfig.php" name="PHORM_CONFIG" type="hidden"></span></p>

<input value="Mr" checked="checked" name="titel"
 type="radio">Dhr
<input value="Mrs" name="titel" type="radio">Mevr<br>

Voorletter(s) en achternaam:<br> 
maxlength="50" size="50" name="naam"><br>

Emailadres:<br>
 maxlength="50" size="50" name="email"><br>

Aantal personen:<br>
<input value="less then 10" checked="checked" name="aantal personen" type="radio">10of minder 
<input value="more then 10" name="aantal personen" type="radio">meer
dan 10<br>

Soort Mystery Game:
<input value="custom" name="soort game" type="radio">op maat
<input value="standard" checked="checked" name="soort game" type="radio">standaard<br>

Spoed:
<input value="no" checked="checked" name="spoed" type="radio">nee
<input value="yes" name="spoed" type="radio">ja

Indien op maat gemaakt, graag de volgende informatie om de Mystery Game zo persoonlijk mogelijk te maken: Aantal vrouwen/mannen, soort groep, makkelijk of moeilijk op te lossen en evt. een bepaald thema.<br>
<textarea rows="3" cols="50" name="extra informatie"></textarea>

Extra opmerkingen:<br>
<textarea rows="3" cols="50" name="opmerkingen"></textarea>

Totaal bedrag:

<input value="formulier versturen" type="submit">
<input value="formulier wissen" type="reset">

 

[T-J]

Het is te doen.
Er zijn twee opties.
1. Het gebruik van AJAX, dan maak je gebruik van javascript en php
2. Alleen gebruik maken van javascript. (Dit is de makkelijkste optie)

Deze werkt moet Javascript! hopelijk is dit wat je bedoelt?!

<form method="post"
action="distribution_bestellen/phorm.php"><img
style="position: absolute; width: 594px; height: 616px; top: 507px; left: 206px;"
src="/post_top.gif" height="40" width="52">
<table
style="background: rgb(54, 54, 54) none repeat scroll 0% 50%; -moz-background-clip: initial; -moz-background-origin: initial; -moz-background-inline-policy: initial; position: absolute; width: 584px; border-collapse: collapse; height: 568px; top: 510px; left: 211px;"
border="1" bordercolor="#363636" cellspacing="0"
width="584">
<script>
function updateBedrag() {
  var totaalBedrag = 0;
  var standard = 19.95;
  var custom = 29.95;
  var spoed = 7;
  var type = document.getElementById("type");
  var deliv = document.getElementById("deliv");
  if(type.checked) {
    if(!deliv.checked) {
	  totaalBedrag = custom+spoed;
	} else {
	  totaalBedrag = custom;
	}
  } else {
	if(!deliv.checked) {
	  totaalBedrag = standard+spoed;
	} else {
	  totaalBedrag = standard;
	}
  }
  document.getElementById("totaalbedrag").value = totaalBedrag;
}
</script>
<tbody>
<tr>
<td>
<p></p>
value="quickconfig.php" name="PHORM_CONFIG" type="hidden"></span></p>

<input value="Mr" checked="checked" name="titel"
type="radio">Dhr
<input value="Mrs" name="titel" type="radio">Mevr<br>

Voorletter(s) en achternaam:<br>
maxlength="50" size="50" name="naam"><br>

Emailadres:<br>
maxlength="50" size="50" name="email"><br>

Aantal personen:<br>
<input value="less then 10" checked="checked" name="aantal personen" type="radio" onchange="updateBedrag();">10of minder
<input value="more then 10" name="aantal personen" type="radio" onchange="updateBedrag();">meer
dan 10<br>

Soort Mystery Game:
<input value="custom" id="type" name="soort game" type="radio" onchange="updateBedrag();">op maat
<input value="standard" id="type" checked="checked" name="soort game" type="radio" onchange="updateBedrag();">standaard<br>

Spoed:
<input value="no" id="deliv" checked="checked" name="spoed" type="radio" onchange="updateBedrag();">nee
<input value="yes" id="deliv" name="spoed" type="radio" onchange="updateBedrag();">ja

Indien op maat gemaakt, graag de volgende informatie om de Mystery Game zo persoonlijk mogelijk te maken: Aantal vrouwen/mannen, soort groep, makkelijk of moeilijk op te lossen en evt. een bepaald thema.<br>
<textarea rows="3" cols="50" name="extra informatie"></textarea>

Extra opmerkingen:<br>
<textarea rows="3" cols="50" name="opmerkingen"></textarea>

Totaal bedrag: <input type="text" id="totaalbedrag" name="totaalbedrag">

<input value="formulier versturen" type="submit">
<input value="formulier wissen" type="reset">

 

[topsnoopy]

Dank je voor je snelle reactie, ik ga er morgen gelijk mee aan de slag.
Ziet er goed uit!!