HTML Code voor het verplichtmaken van de checkbox

Status
Niet open voor verdere reacties.

florisvv

Gebruiker
Lid geworden
9 jan 2011
Berichten
5
Hallo,

kunnen jullie me helpen? Ik wil de 2 checkboxen van 'met 3g' of 'zonder 3g' verplicht maken om er 1 van aan te vinken. Het gaat om het volgende HTML bestand:

<div id="rechts">

<div class="bestelvak">
<h2>Direct</h2><span class="white_title_txt">bestellen</span>
<p>Via onderstaand formulier kun je de Sony PS Vita direct bestellen. Na het invullen van het gehele formulier kun je verder naar de iDeal pagina om je betaling te verrichten. </p>
<div class="bestelformvak">

<form action="process.php" method="post">

<div class="bestel_txt"><label for="naam" >Naam:</label></div>
<input id="naam" type="text" name="naam" class="inputvakbg" value="" />

<div class="bestel_txt"><label for="achternaam">Achternaam:</label></div>
<div class="form"><input id="achternaam" type="text" class="inputvakbg" name="achternaam" value="" /></div>

<div class="bestel_txt"><label for="adres">Adres:</label></div>
<input id="adres" type="text" name="adres" class="inputvakbg" value="" />

<div class="bestel_txt"><label for="postcode">Postcode:</label></div>
<input id="postcode" type="text" name="postcode" class="inputvakbg" value="" />

<div class="bestel_txt"><label for="plaats">Plaats:</label></div>
<input id="plaats" type="text" class="inputvakbg" name="plaats" value="" />

<div class="bestel_txt"><label for="email">E-mail:</label></div>
<input id="email" type="text" name="email" class="inputvakbg" value="" />


<div class="checkbx">
<p>
<input id="verzendkosten" type="checkbox" name="verzendkosten" value="1" />
Ik ga akkoord met 0 euro verzendkosten.</p>
</div>

<div class="checkbx">
<p>
<input id="met3g" type="checkbox" name="met3g" value="1" />
<font color="#0000FF">Ik wil de Sony PS Vita <strong>met</strong> 3G</font></p>
<input id="zonder3g" type="checkbox" name="zonder3g" value="2" />
<font color="#0000FF">Ik wil de Sony PS Vita <strong>zonder</strong> 3G</font></p>
</div>
<input type="submit" name="versturen" class="bestelknop" value="Versturen" />

en dan gaat het om:

<div class="checkbx">
<p>
<input id="met3g" type="checkbox" name="met3g" value="1" />
<font color="#0000FF">Ik wil de Sony PS Vita <strong>met</strong> 3G</font></p>
<input id="zonder3g" type="checkbox" name="zonder3g" value="2" />
<font color="#0000FF">Ik wil de Sony PS Vita <strong>zonder</strong> 3G</font></p>
</div>
</form>

1 van deze twee moet aangevinkt worden,

Bij voorbaat dank voor uw hulp!!
 
Als het een keuze betreft kan je beter radio buttons gebruiken, en dan zorgen dat er al eentje is geselecteerd. In HTML kan je geen input valideren, dan zul je aan de slag moeten met Javascript of PHP (of een combinatie).
 
Mm daar heb ik helemaal geen verstand van, kunt u me meer uitleg geven? Bedankt voor uw uitleg!
 
Ik hoop dat dit is wat je bedoeld. Een checkbox alvast geselecteerd hebben.
Hier de code. Je zet er gewoon 'checked' achter. Kijk maar in het script als je het nog niet snapt.

HTML:
<form method="post" action="mailto:jouwemail@adres.nl">
<em>Wat zijn je favoriete soorten muziek?</em><br>
<input type="checkbox" name="Voorbeeld" value="1" checked>Voorbeeld
<input type="checkbox" name="Voorbeeld" value="1">Voorbeeld
</form>

MrMorrie1
 
Laatst bewerkt:
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan