Tabindex entre bouton radios

Résolu
Sinistrus Messages postés 1010 Date d'inscription   Statut Membre Dernière intervention   -  
Sinistrus Messages postés 1010 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour à tous,

Dans un de mes formulaires, j'ai des boutons radios dans des
div
qui s'affichent ou se cachent selon l'option de l'utilisateur.
Bon jusque là, avec le display none et block tout va bien sauf que le bouton radio dans la div "none" est activé lorsque l'utilisateur touche les flèches du clavier... mais pas tabulation.

Y a t-il une manière de ne pas faire fonctionner uniquement sur ce groupe de bouton radio, les flèches du clavier ?
<div id="div_yup_1" style="display:block"><input type="radio" id="radio_1" name="radio"></div>
<div id="div_yup_2" style="display:none"><input type="radio" id="radio_2" name="radio"></div>
<div id="div_yup_3" style="display:none"><input type="radio" id="radio_3" name="radio"></div>

Merci de votre aide.



Configuration: Windows / Chrome 71.0.3578.98

1 réponse

Jithel Messages postés 843 Date d'inscription   Statut Membre Dernière intervention   171
 
Je suis pas sûr mais je crois que c'est parce que ton groupe de radio bouton a le focus de la souris que les raccourcis claviers fonctionnent dessus. Pour perdre le focus, il faut utiliser blur :
https://www.w3schools.com/jsref/met_html_blur.asp

Soit tu trouves le radiobouton actuellement sélectionné et tu appliques la méthode blur dessus, soit tu t'embête pas et tu appliques la méthode blur sur tous les radiobutton de ton groupe.
1
Sinistrus Messages postés 1010 Date d'inscription   Statut Membre Dernière intervention   17
 
Impec ! Merci Jithel :)
0