Tabindex entre bouton radios

Résolu/Fermé
Sinistrus Messages postés 1017 Date d'inscription mercredi 12 décembre 2007 Statut Membre Dernière intervention 6 juin 2023 - Modifié le 7 févr. 2019 à 00:39
Sinistrus Messages postés 1017 Date d'inscription mercredi 12 décembre 2007 Statut Membre Dernière intervention 6 juin 2023 - 7 févr. 2019 à 13:24
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 mercredi 20 juin 2018 Statut Membre Dernière intervention 31 août 2021 171
7 févr. 2019 à 12:02
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 1017 Date d'inscription mercredi 12 décembre 2007 Statut Membre Dernière intervention 6 juin 2023 17
7 févr. 2019 à 13:24
Impec ! Merci Jithel :)
0