一、坑复现

<div>
  <input type='radio' name='test' value='1' checked />1<span id='test_a'>a test </span>
</div>
<div>
  <input type='radio' name='test' value='2' />2<span id='test_b'>b test </span>
</div>

$('name="test"').on('change', function(){
  if (+this.value == 1) {
    $('#test_a').css('color', 'red');
  } else {
    $('#test_a').css('color', 'blue');
  }
  if (+this.value == 2) {
    $('#test_b').css('color', 'red');
  } else {
    $('#test_b').css('color', 'blue');
  }
}).change();

结果：a test显示蓝色，b test显示蓝色

二、分析原因

默认情况下change的匿名方法执行两次，而在点击radio按钮的时候change的匿名方法执行一次。

$('name="test"')中被选中的元素才触发change事件，而$('name="test"').change()把所有$('name="test"')元素都触发change事件。