Saisie sans souris bouton radio [Résolu]

[pit0n]

Bonjour,

J'ai mis ceci:

Code :

1
2
3
4
 
<input type="Radio" name="choix" value="mois" onClick="document.forms.formulaire.submit()" />
 
<input type="Radio" name="choix" value="semaine" onClick="document.forms.formulaire.submit()" />

Cela fonctionne bien avec le click gauche de la souris mais lorsque j'utilise tab et les flèches pour le choix sur le bouton radio j'ai seulement le deuxième choix qui peut être sélectionné. Le premier choix n'est jamais selectionné!

J'affiche par la suite une "<div>" en fonction du choix mais seule la "<div>" du premier choix est visible l'autre n'est jamais visible .

Si vous avez une solution à ce problème je vous lierais par la suite.
Merci .

[NoSmoking]

Bonjour,
pour sélectionner le premier radio bouton lorsque tu arrives dessus via les tabulation il te faut "valider" avec la touche ESPACE pour le cocher.

[RomainVALERI]

Pas sur que ce soit ce dont tu as besoin, mais sache que si la séquence des controles sélectionnés à la navigation te semble inattendue ou en tout cas différente de ce que tu voudrais, tu peux spécifier cette séquence en donnant aux éléments en question des valeurs croissantes pour la propriété tabIndex, ça forcera un ordre spécifique. ^^

[pit0n]

Merci pour la propriété tabindex et oui avec la barre d'espace ça fonctionne !

[NoSmoking]

tu peux la cocher automatiquement via la tabulation en mettant une petite pincée de javascript sur l'événement onfocus

Code :

<input onfocus = "this.checked=true;" type="radio" name="choix" value="mois" ...

Concernant le tabindex, sur des boutons radio, l'interprétation est différente suivant les navigateurs.