jqueryのラジオボタンのみが第二/第三クリックするだけで、最初のクリックで

Question

https://jsfiddle.net/8g94ykta/

のRadioButton火災イベントをイベントを発生し、のみのみ、最初の結果が表示されません。それを修正するには？ありがとうございました。

<input type="radio" name="group" checked="checked" value="first">A 
<input type="radio" name="group" value="second">B 
<input type="radio" name="group" value="third">C 
<p> 
<span id="result">-</span> 
</p> 



$('input[type="radio"][name=group]:checked').click(function(){ 
     if (this.value=='first') { 
      $("#result").text("first value");} 
     else if (this.value=='second') { 
       $("#result").text("second value");} 
     else if (this.value=='third') { 
       $("#result").text("third value");} 

    }); 

Answer 1

これを試してください：$('input[type="radio"][name=group]')代わり$('input[type="radio"][name=group]:checked')

あなたは

$('input[type="radio"][name=group]').click(function(){ 
    if (this.value=='first') { 
     $("#result").text("first value");} 
    else if (this.value=='second') { 
     $("#result").text("second value");} 
    else if (this.value=='third') { 
     $("#result").text("third value");}     
}); 

Answer 2

すべてradio要素に対してclickイベントをトリガする必要があなたのセレクタのみが、現在チェックされている要素にclickハンドラをアタッチその要素だけをクリックすると起動します。代わりに、すべての要素に添付する必要があります。

$('input[type="radio"][name=group]').click(function() {