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