Saisie sans souris bouton radio

Version imprimable

30/08/2011, 20h01
pit0n

Saisie sans souris bouton radio
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 .
30/08/2011, 20h09
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.
31/08/2011, 09h12
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. ^^
31/08/2011, 11h16
pit0n

Merci pour la propriété tabindex et oui avec la barre d'espace ça fonctionne !
:ccool:
02/09/2011, 13h51
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.