Ajout de la propriété tabindex de façon dynamique

Je voudrais ajouter tabindex à tous les éléments de formulaire. La forme est la stabilisation d'image dynamique et je ne peux pas l'ajouter à la page HTML. Je voudrais exécuter une fonction. Si il y a plusieurs composants radiobutton avec le même nom, chacun doit avoir sa propre valeur tabindex. La plupart des éléments du formulaire sur la page de démarrage en ENTRÉE, à l'exception de SELECT. Comment dois-je tenir compte de cela?

Je suppose que j'aurai besoin de faire une boucle et ajouter un attribut, droit?

var n = 1; 

$('input, select').each(function() {               
    $(this).attr('tabindex', n++);
});
InformationsquelleAutor santa | 2013-02-27
  1. 44

    Question étrange, mais oui c'est l'idée de base:

    $(":input:not(:hidden)").each(function (i) { $(this).attr('tabindex', i + 1); });

    Il utilise :entrée pour tout y compris les boutons et les zones de texte. :not(:hidden) sera juste exclure l'caché entrées à éviter les onglets.

    • Pourquoi est-il étrange? Certains navigateurs ont des problèmes avec la tabulation par le biais de composants radiobutton du même groupe... Merci.
    • C'est étrange, parce que vous obteniez l'onglet index, mais pas dans un ordre garanti. De sorte que vous pourriez trouver ce qui vous fait de l'onglet par les boutons de la radio au hasard.
    • N'est-ce pas aller si ma structure HTML? Je n'ai pas de mise en page élaborée.
    • Ah, il ressemble à jQuery, en effet, de garantir l'ordre est dans l'ordre du document: stackoverflow.com/questions/1636201/...
    • $(":entrée:not(:caché)").each(function (i) { $(this).attr('tabindex', i + 1); }); ce serait même mieux, parce que sinon le taborder vous permettra d'onglet à travers les champs cachés, trop!
    • Où mettre cet appel dans un angularJS page?
    • sonne comme une excellente idée pour une nouvelle question.
    • Je ne recommande pas de le faire de cette façon! Voir ma réponse ci-dessous pour une meilleure approche.

    InformationsquelleAutor Brandon
  2. 10

    Peut-être mieux éviter de n++ de définir différents tabindex numéros.

    Au lieu de cela, essayez de définir tabindex à 0:

    $(':input:visible').each(function() {               
    $(this).attr('tabindex', '0');
});

    tabindex="0" signifie que l'élément peut recevoir le focus dans séquentielle de la navigation au clavier, mais son ordre est défini par le document de l'ordre de la source.
    ~ developer.mozilla.org

    La entrée: sélecteur fondamentalement sélectionne tous les contrôles de formulaire.

    La :visible sélecteur fondamentalement sélectionne tous les éléments qui sont visibles.

    InformationsquelleAutor allenski