Pouvez-vous passer en revue tous les boutons radio ?

Question

J'ai une liste de boutons radio. Lorsque je les passe en revue, il semble que seul le premier bouton radio ou celui qui est sélectionné soit mis en évidence, le reste des boutons radio étant ignoré. Les cases à cocher n'ont pas ce problème.

http://jsfiddle.net/2Bd32/

J'ai du mal à expliquer à mon AQ que ce n'est pas un bug. Quelqu'un peut-il m'expliquer pourquoi cela se produit ?

Soccer: <input type="checkbox" name="sports" value="soccer"  tabindex="1" /><br />
Football: <input type="checkbox" name="sports" value="football"  tabindex="2" /><br /> 

<input type="radio" name="num" value="3" tabindex="3">3<br>
<input type="radio" name="num" value="4" tabindex="4">4<br>
<input type="radio" name="num" value="5" tabindex="5">5<br>
<input type="radio" name="num" value="6" tabindex="6">6<br>
<input type="radio" name="num" value="7" tabindex="7">7<br>

Baseball: <input type="checkbox" name="sports" value="baseball"  tabindex="8"  /><br /> 
Basketball: <input type="checkbox" name="sports" value="basketball"  tabindex="9"  />

Answer 1

Si vous utilisez Matériau angulaire pour votre application, vous pouvez activer la fonction de tabulation des boutons radio dans un fichier de type multi-navigateurs compatible en ajoutant un tabindex à chaque <mat-radio-button> :

<mat-radio-button [tabindex]="0">

Sinon, vous ne pourrez pas utiliser la tabulation pour les boutons radio dans Safari (car c'est le comportement par défaut du navigateur - cliquez sur aquí pour une discussion).