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

您需要触发所有click元素的radio事件

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