jquery radiobutton在第一次點擊時不會觸發事件

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')

您需要觸發所有radio元素的click事件

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

您的選擇器僅將click處理程序附加到當前選中的元素，因此僅當您單獨單擊該元素時它才會觸發。 您需要將其附加到所有元素：

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