Tabindex entre bouton radios [Résolu]

Messages postés
984
Date d'inscription
mercredi 12 décembre 2007
Statut
Membre
Dernière intervention
25 septembre 2019
-
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
Afficher la suite 

1 réponse

Meilleure réponse
Messages postés
848
Date d'inscription
mercredi 20 juin 2018
Statut
Membre
Dernière intervention
6 juin 2019
79
1
Merci
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.

Dire « Merci » 1

Heureux de vous avoir aidé ! Vous nous appréciez ? Donnez votre avis sur nous ! Evaluez CommentCaMarche

CCM 63146 internautes nous ont dit merci ce mois-ci

Sinistrus
Messages postés
984
Date d'inscription
mercredi 12 décembre 2007
Statut
Membre
Dernière intervention
25 septembre 2019
13 -
Impec ! Merci Jithel :)
Commenter la réponse de Jithel