Hallo allemaal,

Ik ben momenteel bezig met een contact formulier waarbij meerdere radiobuttons geselecteerd kunnen worden.

Nu is het de bedoeling dat het aantal geselecteerde knoppen word geteld en x een bedrag word gedaan. Dit moet realtime gebeuren dus niet als de pagina word ververst.

Hierbij eventueel bruikbare code:


<?php
$emailadres = 'xxx';
$onderwerp = 'xxx';
$afzendernaam = 'xxx';
 
$bericht_bij_verstuurd = '<p>Je bericht is succesvol verstuurd</p>';
 
if($_POST['verstuur']){
    if(empty($_POST['naam'])){
        echo "Je bent vergeten je naam in te vullen";
        $terug = true;
    }
    elseif(empty($_POST['mailadres'])){
        echo "Je bent vergeten je mailadres in te vullen";
        $terug = true;
    }
    if($terug){
        echo "<br><br><a href='javascript:history.go(-1)'>Terug</a>";
    }
    else {
        $header = "From: ".$afzendernaam." <".$emailadres.">\r\n"; 
        $header .= "Reply-To: ".$_POST['mailadres']."\r\n";
        $header .= "MIME-Version: 1.0\r\n";
        $header .= "Content-Type: text/html; charset=iso-8859-1\r\n"; 
        $header .= "X-Priority: 3\r\n";
        $header .= "X-MSMail-Priority: Normal\r\n";
        $header .= "X-Mailer: PHP / ".phpversion()."\r\n";
        
        $post_bericht = nl2br($_POST['bericht']);
        
        $bericht = "Het contactforumulier is ingevuld met het volgende bericht:<br /><br />
                                <table>
                                  <tr>
                                      <td width=150>
                                          <b>Naam:</b>
                                        </td>
                                        
                                        <td>
                                          ".$_POST['naam']."
                                        </td>
                                    </tr>
                                    
                                    <tr>
                                        <td>
                                            <b>E-mailadres:</b>
                                        </td>
                                        
                                        <td>
                                            <a href='mailto:".$_POST['mailadres']."'>".$_POST['mailadres']."</a>
                                        </td>
                                    </tr>
									
									<tr>
                                        <td>
                                            <b>Tijden:</b>
                                        </td>
                                        
                                        <td>
                                            ".$_POST['tijd1']."<br/>
											".$_POST['tijd2']."<br/>
											".$_POST['tijd3']."<br/>
											".$_POST['tijd4']."<br/>
                                        </td>
                                    </tr>
                                    
                                    <tr>
                                        <td valign=top>
                                            <b>Bericht:</b>
                                        </td>
                                        
                                        <td>
                                            ".$post_bericht."
                                        </td>
                                    </tr>
                                </table>";
        $stuur = @mail($emailadres,$onderwerp,$bericht,$header);
        if($stuur){
          echo $bericht_bij_verstuurd;
        }
        else {
          echo "Je bericht kon niet worden verzonden";
        }
    }
}
else {
?>
    <p> U kunt ons bereiken door dit formulier in te vullen</p>
    <form method="post" action="">
  <table style="margin-left:10px;">
      <td width="150">
        <p>Naam:</p>
      </td>
      
      <td>
        <input type="text" name="naam" id="naam" />
      </td>
    </tr>
        
    <tr>
      <td>
        <p>Uw e-mailadres:</p>
      </td>
            
      <td>
        <input type="text" name="mailadres" id="mail"/>
      </td> 
    </tr>
    
        <tr>
      <td>
        <p>Gewenste tijd(en):</p>
      </td>
            
      <td>
      	<table>
      		<tr>
            	<td></td>
      			<td><p>Spinning</p></td>
                <td><p>Zumba</p></td>
      		</tr>
            <tr>
            	<td><p style="margin-bottom:0px;">10.00-11.00</p></td>
                <td><input type="radio" value="spinnen 10.00-11.00" name="tijd1" class="radio"></td>
                <td><input type="radio" value="zumba 110.00-11.00" name="tijd1" class="radio"></td>
           </tr>
           <tr>
            	<td><p style="margin-bottom:0px;">11.00-12.00</p></td>
                <td><input type="radio" value="spinnen 11.00-12.00" name="tijd2" class="radio"></td>
                <td><input type="radio" value="zumba 11.00-12.00" name="tijd2" class="radio"></td>
           </tr>
           <tr>
            	<td><p style="margin-bottom:0px;">12.00-13.00</p></td>
                <td><input type="radio" value="spinnen 12.00-13.00" name="tijd3" class="radio"></td>
                <td><input type="radio" value="zumba 12.00-13.00" name="tijd3" class="radio"></td>
           </tr>
           <tr>
            	<td><p style="margin-bottom:0px;">13.00-14.00</p></td>
                <td><input type="radio" value="spinnen 13.00-14.00" name="tijd4" class="radio"></td>
                <td><input type="radio" value="zumba 13.00-14.00" name="tijd4" class="radio"></td>
           </tr>
      	</table>
      </td>
    </tr>
        
    <tr>
      <td valign="top">
        <p>Opmerkingen:</p>
      </td>
            
      <td>
        <textarea name="bericht" id="opmerking"></textarea>
      </td>
    </tr>
        
        
    <tr>
      <td><input name="reset" type="reset" value="Herstel" class="reset" />      </td>
            
      <td><input type="submit" value="Verstuur" name="verstuur" class="reset" />
      </td>
    </tr>
  </table>  
</form>
<?php
}
?>
Als je meerdere knoppen wilt gebruiken zou ik kiezen voor checkboxen ipv radiobuttons.
Max, zou je me verder kunnen helpen hiermee?

@justin, dit gaat niet omdat er steeds tussen 2 moet worden gekozen
Aan iedere input moet je een onChange event toevoegen.
Hierbij ga je met behulp van de id's de waarden opvragen, en dit proces kan je gewoon optellen.
kijk ook eens naar jquery, daar wordt het een beetje makkelijker van
Justin Streuper op 02/12/2010 21:27:49

Als je meerdere knoppen wilt gebruiken zou ik kiezen voor checkboxen ipv radiobuttons.


Ik ga er van uit dat Sander bedoelt: meerdere sets/reeksen (of hoe zeg je dat?) radio buttons.

Kris Peeters op 10/12/2010 18:14:12

[quote="Justin Streuper op 02/12/2010 21:27:49"]
Als je meerdere knoppen wilt gebruiken zou ik kiezen voor checkboxen ipv radiobuttons.


Ik ga er van uit dat Sander bedoelt: meerdere sets/reeksen (of hoe zeg je dat?) radio buttons.


[/quote]

Ja dat bedoelt hij
Ja klopt inderdaad

ik zal eens kijken naar onchange, bij vragen laat ik het weten,
Tot zover weer bedankt

Toevoeging op 10/12/2010 20:00:06:

Ik heb een onchange gemaakt inmiddels, ze hebben allemaal een waarde van 10.00, dit omdat ze allemaal 10 euro waard zijn uiteindelijk, maar hoe ga ik ze nu optellen?

Moet ik:
http://javascript.internet.com/forms/update-order-form-no-page-refresh.html
Ombouwen?

zoja hoe

Reageren