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() {