Tabindex à bouton radio groupée

Question

i besoin de mettre tabindex sur les boutons radio regroupés de telle sorte que la traite chaque bouton tabbing radio de manière séquentielle. Pour cela, je dois utiliser uniquement "la touche tabulation" (pas les touches fléchées) et aussi, je dois les garder (boutons radio) dans un seul groupe.

<input onclick="javascript:showUserName();" name="userSearch" value="UN" type="radio"> 
<input onclick="javascript:showLoginID();" name="userSearch" value="UL" type="radio"> 
<input onclick="javascript:showEmployeeID();" name="userSearch" value="EI" type="radio"> 

Le problème est que tabindex se concentre uniquement sur le bouton radio sélectionné dans un groupe et dans l'onglet ultérieur, il va à la prochaine série de l'élément Html, mais pas le bouton radio suivant dans le groupe. Je sais, c'est un comportement de navigateur standard, mais est-ce que je peux faire un peu de travail pour que mes exigences soient satisfaites?

Est-ce que l'écriture d'un code JS pour suivre l'événement onkeypress sur ma page pour surveiller l'onglet et la combinaison de groupe radio pour se concentrer explicitement sur les boutons du groupe de radio une bonne approche?

Answer 1

Vous pouvez lier onkeydown à votre entrée et vérifiez si le code d'activation correspond à l'onglet presse keycode puis mettre en œuvre votre propre comportement.

Quelque chose comme:

<input onkeydown="if (event.keyCode==%TABKEYCODE%) handleTabPress(); return false;".... /> 

à handleTabPress vous pouvez alors mettre en œuvre votre propre mécanicien sur ce qui devrait se produire si l'on appuie sur la touche de tabulation. Et vous devez définir le focus sur le bouton radio dans l'événement onclick.