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

personalizar input file bootstrap

Question

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>

Answer 1

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");
    });

});

Answer 2

o alternativamente

http://jsfiddle.net/62DhL/1/