Mostrar la etiqueta de texto para el botón de radio seleccionada en Jquery

Question

Hai,

Tengo un grupo de botones de opción, que podría capaz de recoger el valor seleccionado usando jQuery, pero no la etiqueta de texto para los valores seleccionados.

para excepto: CÓDIGO

<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> 

jQuery para escoger el valor seleccionado

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

salida sería cualquiera de los siguientes (1,2,3)

Ahora mi requerimiento es decir, me gustaría mostrar la etiqueta de los valores seleccionados por ejemplo (alto o bajo o medio) depende de la selección del botón de opción.

Espero que esto ayude. avísame si tienes alguna pregunta. Amablemente ayúdeme en esta tarea

Answer 1

Mi primer pensamiento fue que el texto() funcionará correctamente. Desafortunadamente no hay texto interno para la radio. Puede usar una etiqueta junto con la radio y especificar el atributo for como id del botón de opción. Algo así como

.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> 

Ver una working demo