type texto seleccionar por personalizar nombre imagen estilo cambiar bootstrap archivo jquery select radio-button checked

jquery - seleccionar - Agregar clase y cambiar texto en el botón de opción cuando se selecciona



personalizar input file bootstrap (2)

Intento cambiar el texto en un botón de radio una vez que ha sido seleccionado. Lo tengo funcionando así que agrego una clase al padre si el botón de radio está marcado, ahora solo necesito que la parte cambie el texto del lapso dentro del padre (quiero que el texto "Seleccionar" cambie a "Seleccionado" si el el botón de radio está marcado). Aquí está mi código:

$(document).ready(function(){ //add the Selected class to the checked radio button $(''input:checked'').parent().addClass("selected"); //If another radio button is clicked, add the select class, and remove it from the previously selected radio $(''input'').click(function () { $(''input:not(:checked)'').parent().removeClass("selected"); $(''input:checked'').parent().addClass("selected"); }); }); <td><div class="selectBtn"> <input type="radio" name="group1" id="one" value="Falcon Air Trust"> <span class="selectTxt">Select</span></div></td> <td><div class="selectBtn"> <input type="radio" name="group1" value="Atlantic Aviation"> <span class="selectTxt">Select</span></div></td> <td><div class="selectBtn"> <input type="radio" name="group1" value="Reliance Aviation"> Select</div></td>


Prueba esto

$(document).ready(function(){ //add the Selected class to the checked radio button $(''input:checked'').parent().addClass("selected"); //If another radio button is clicked, add the select class, and remove it from the previously selected radio $(''input'').click(function () { $(''input:not(:checked)'').parent().removeClass("selected").find("span").html("Select"); $(''input:checked'').parent().addClass("selected").find("span").html("Selected"); }); });