選択時にラジオボタンにクラスを追加してテキストを変更します。

Question

ラジオボタンが選択されると、テキストを変更しようとしています。私はラジオボタンがチェックされている場合、親にクラスを追加するように働いているので、親の内側のスパンのテキストを変更する部分が必要になります（テキスト "Select"を "Selected"に変更したいラジオボタンがチェックされている）。ここに私のコードは次のとおりです。

$(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

この

$(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

または代わり

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