Tabindex entre bouton radios

Résolu/Fermé
Signaler
Messages postés
1003
Date d'inscription
mercredi 12 décembre 2007
Statut
Membre
Dernière intervention
3 juin 2021
-
Messages postés
1003
Date d'inscription
mercredi 12 décembre 2007
Statut
Membre
Dernière intervention
3 juin 2021
-
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

Messages postés
842
Date d'inscription
mercredi 20 juin 2018
Statut
Membre
Dernière intervention
31 août 2021
163
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
Merci

Quelques mots de remerciements seront grandement appréciés. Ajouter un commentaire

CCM 41989 internautes nous ont dit merci ce mois-ci

Messages postés
1003
Date d'inscription
mercredi 12 décembre 2007
Statut
Membre
Dernière intervention
3 juin 2021
16
Impec ! Merci Jithel :)