Bonjour � tous,
Alors voil�, j'ai cr�� un formulaire pour des inscriptions � des visites. Les contraintes sont plut�t simples : chaque visites � plusieurs horaires, un visiteur peut s�inscrire � plusieurs visites mais � un seul horaire par visite.
Pour faire cela j'ai cr�� des checkbox pour chaque visites et des boutons radios pour chaque horaires. J'ai aussi fait un peu de JS pour que les horaires ne s'affichent que si la visite est coch�e.
Voici mon code HTML :
Code html : S�lectionner tout - Visualiser dans une fen�tre � part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18 <form method='POST' action='#'> <input type='checkbox' name='visite' value='v1' onclick="affichertexte(this,1)" />Visite1 <div id='horaire1'> <input type="radio" name='horaire1' value='h11' />horaire1 <br /><input type="radio" name='horaire1' value='h12' />horaire2 </div> <input type='checkbox' name='visite' value='v2' onclick="affichertexte(this, 2)" />Visite2 <div id='horaire2'> <input type="radio" name='horaire2' value='h21' />horaire1 <br /><input type="radio" name='horaire2' value='h22' />horaire2 </div> <input type='checkbox' name='visite' value='v3' onclick="affichertexte(this,3)" />Visite3 <div id='horaire3'> <input type="radio" name='horaire3' value='h31' />horaire1 <br /><input type="radio" name='horaire3' value='h32' />horaire2 </div> <input type='submit' name='Valider' value='Valider' /> </form>
Et mon petit bout de code en JS :
A la fin de mon formulaire j'ai le bout de code ci-dessous pour que les boutons radios se cachent au chargement de la page.
Code : S�lectionner tout - Visualiser dans une fen�tre � part
1
2
3
4
5
6
7 function affichertexte(caseacocher, num){ if(caseacocher.checked){ document.getElementById("horaire"+num).style.visibility="visible"; }else{ document.getElementById("horaire"+num).style.visibility="hidden"; } }
Mon soucis est le suivant, lorsque je coche une checkbox par d�faut les boutons radios ne s'affichent pas � cause de ma derni�re partie. Mais j�ignore quel test faire pour s'avoir si je dois afficher ou non.
Code : S�lectionner tout - Visualiser dans une fen�tre � part
1
2
3 for(i=1;i<4;i++){ document.getElementById("horaire"+i).style.visibility="hidden"; }
Auriez-vous une id�e ?
Le JavaScript est loin d'�tre le langage que je connais le mieux, alors n'h�sitez pas de me dire si j'ai mal fait quelque chose.
En esp�rant avoir �t� clair, d'avance merci,
Lucie
Partager