Skip to main content
1 de 2

Cambiar texto por defecto de un div. Al seleccionar opcion grupo radio

Tengo un grupo radio con una funcion para mostar el texto del Valor. Puse para q por defecto tenga una opcion seleccionada. Quiero q el texto de esa opcion aparezca tambien por defecto sin embargo no oude. Pense q podria ese mismo texto estar escrito, aparte del texto del input, y q cambie al seleccionarse por el de la opción seleccionada.

       <span class="ef-example-1-rating" id="odontologia">
           <input type="radio" class="ef-example-1-rating-input" id="ef-example-1-rating-input-1-5" name="ef-example-1-rating-input-1" value="Hello5" >
       <label for="ef-example-1-rating-input-1-5" class="ef-example-1-rating-star"></label>
           <input type="radio" class="ef-example-1-rating-input" id="ef-example-1-rating-input-1-4" name="ef-example-1-rating-input-1" value="Hello4">
<label for="ef-example-1-rating-input-1-4" class="ef-example-1-rating-star"></label>
<input type="radio" class="ef-example-1-rating-input" id="ef-example-1-rating-input-1-3" name="ef-example-1-rating-input-1" value="Hello3">
<label for="ef-example-1-rating-input-1-3" class="ef-example-1-rating-star"></label>
<input type="radio" class="ef-example-1-rating-input" id="ef-example-1-rating-input-1-2" name="ef-example-1-rating-input-1" value="Hello2">
<label for="ef-example-1-rating-input-1-2" class="ef-example-1-rating-star"></label>
<input type="radio" class="ef-example-1-rating-input" id="ef-example-1-rating-input-1-1" name="ef-example-1-rating-input-1" value="Hello1" checked="yes">
<label for="ef-example-1-rating-input-1-1" class="ef-example-1-rating-star"></label>
<br />
<p id="forro" style="color:red;"></p>
</span>

Esta es la funcion:

$(function() {
    var $radBtn = $("#odontologia");
    $radBtn.click(function() {
        var $radChecked = $radBtn.find(':radio:checked');
        $("#forro").text('')
            .append($radChecked.val());
    });
});      

Gracias