jQuery Girl
  1. jQuery Girl
  3. Obtenir dynamicment le nom du groupe de boutons radio à l’aide de jQuery
Intereting Posts
JQuery UI, appelez Start Drag manuellement Je n’arrive pas à faire fonctionner bxslider de base jquery multitype Le tableau Jagged se comporte étrangement Au chargement de la page, si le hachage de l’URL correspond à l’une des valeurs du tableau, faites défiler jusqu’à l’élément avec l’atsortingbut data-load-id correspondant jQuery Raty et AngularJS Suppression de fichiers de plusieurs fichiers téléchargeurs sur un clic de bouton lors de l’utilisation d’une entrée de fichier HTML5 Ne pas afficher les boutons sociaux (chargés via jquery) tant qu’ils ne sont pas complètement chargés Obtenir tout le texte avant SelectionStart et après SelectionEnd Youtube iframe api vérifier si la vidéo existe Conserver au moins un élément P dans contenteditable la validation de plusieurs zones de texte de même nom avec jquery validator ne valide que la première entrée Pourquoi l’événement click est-il déclenché au retour? boucle dans la liste en utilisant jQuery jquery – Est-ce que $ (document) .ready est nécessaire? jQuery hover div sous une autre couche

Obtenir dynamicment le nom du groupe de boutons radio à l’aide de jQuery

Je voudrais demander s’il existe un moyen d’obtenir un nom de groupe de boutons radio dynamic, c’est-à-dire d’optimiser les 2 fonctions de clic suivantes en une seule en ayant [name=some_variable] .

J’ai essayé: 

 $('input:radio').click(function() { alert($('input:radio:checked').attr('name')); });

mais il me renvoie toujours le nom du premier groupe de boutons radio cliqué. 

 $(document).ready(function(){ $('input:radio[name=q1]').click(function() { var ans1 = $('input[name=q1]:radio:checked').val(); getUserAnswer(1, ans1); }); $('input:radio[name=q2]').click(function() { var ans2 = $('input[name=q2]:radio:checked').val(); getUserAnswer(2, ans2); }); }); 
  
     
  1. Q1
     Q1 A
     Q1 B
     Q1 C
     Q1 D
     
    2.  
  2. Q2
     Q2 A
     Q2 B
     Q2 C
     Q2 D
     
    3.  
  

 $('input:radio').click(function() { console.log($(this).attr('name')); });

Vous sélectionnez un nouvel ensemble d’éléments au clic, mais vous avez besoin de l’attr de l’élément actuel. Vous devez donc y faire référence avec ‘this’.

Quelque chose comme ce qui suit devrait fonctionner: 

 $('input').click(function() { var thisName = $(this).attr('name'); var qNum = thisName.subssortingng(1);  var ans2 = $('input[name=' + thisName + ']:radio:checked').val();  getUserAnswer(thisName, ans2); });