¿Cómo puedo obtener el texto de la radio seleccionada en los grupos de radio

Question

como dije en el título por ejemplo:

<input id="User_Type_0" type="radio" name="User_Type" value="1" checked="checked" /> 
<label for="User_Type_0">User1</label> 
<input id="User_Type_1" type="radio" name="User_Type" value="2" /> 
<label for="User_Type_1">User2</label> 

cómo puedo obtener el texto: Usuario 1

Answer 1

$ (' entrada: radio: comprobado etiqueta ') hermanos (.':. primero ') html()

---

UPDATE:

Como lo señaló Victor en la sección de comentarios, el selector anterior siempre seleccionará la primera etiqueta. La función next debería funcionar:

$('input:radio:checked').next('label:first').html() 

Answer 2

¿qué tal esto?

var forLabel = $('input:radio:checked').attr("id"); 
$("label[for='" + forLabel + "']").text(); 

Answer 3

uso .next();

$("input:radio:checked").next().text(); 

Answer 4

¿Qué pasa con el uso de la siguiente Adjacent Selector, +?

$('input:radio:checked + label').text(); 

Aquí hay una Working Demo

Answer 5

Esto funciona para mí (me estaba usando jQuery Mobile):

var value = $(":radio[name=location]:checked").val(); 
var text = $(":radio[name=location]:checked").prev("label").text(); 

El DOM para esto:

<div id="locations" data-role="controlgroup" class="ui-controlgroup ui-controlgroup-vertical ui-corner-all"> 
    <div class="ui-controlgroup-controls "> 
     <div class="ui-radio"> 
     <label for="location0" class="ui-btn ui-corner-all ui-btn-inherit ui-btn-icon-left ui-radio-off ui-first-child">1439</label> 
     <input type="radio" name="location" id="location0" value="1439"> 
     </div> 
     <div class="ui-radio"> 
     <label for="location1" class="ui-btn ui-corner-all ui-btn-inherit ui-btn-icon-left ui-radio-off ui-last-child">1440</label> 
     <input type="radio" name="location" id="location1" value="1440"> 
     </div> 
    </div> 
</div>