Afficher l'étiquette de texte pour le bouton radio sélectionné dans Jquery

Question

Hai,

J'ai un groupe de boutons radio, je pourrais en mesure de choisir la valeur sélectionnée en utilisant jQuery mais pas l'étiquette de texte pour les valeurs sélectionnées.

Ex:

<input type="radio" value="1" name="priority">High</input> 
<input type="radio" value="2" name="priority">Medium</input> 
<input type="radio" value="3" name="priority">Low</input> 

CODE jquery pour choisir la valeur sélectionnée

jQuery('input:radio[name=priority]').change(function() 
{ 
var priority_type=jQuery(this).attr("value"); 
     alert(priority_type); 
} 

SORTIE serait une des options suivantes (1,2,3)

Maintenant, mon exigence est, je voudrais afficher l'étiquette des valeurs sélectionnées par exemple (haut ou bas ou moyen) dépend de la sélection du bouton radio.

Espérons que cela aide. laissez-moi savoir si vous avez des questions. Veuillez m'aider dans cette tâche

Answer 1

Ma première pensée a été que le texte() fonctionnera correctement. Malheureusement, il n'y a pas de innerText pour la radio. Vous pouvez utiliser une étiquette avec la radio et spécifier l'attribut for comme identifiant de bouton radio. Quelque chose comme

.text()

jQuery('input:radio[name=priority]').change(function() 
{ 
    var id = $(this).attr("id"); 
    alert($('label[for='+id+']').text()); 
} 

<input type="radio" name="priority" value="1" id="rdLow" /> 
<label for="rdLow">Low</label> 
<input type="radio" name="priority" value="2" id="rdMedium" /> 
<label for="rdMedium">Medium</label> 
<input type="radio" name="priority" value="3" id="rdHigh" /> 
<label for="rdHigh">High</label> 

Voir un working demo