jQuery:如何对多组单选按钮重用同一函数

<div class="radio-group">
  <input type="radio" name="group1" value="option1"> Option 1
  <input type="radio" name="group1" value="option2"> Option 2
  <input type="radio" name="group1" value="option3"> Option 3
</div>

<div class="radio-group">
  <input type="radio" name="group2" value="option1"> Option 1
  <input type="radio" name="group2" value="option2"> Option 2
  <input type="radio" name="group2" value="option3"> Option 3
</div>

$('.radio-group').on('change', 'input[type="radio"]', function() {
  var selectedValue = $(this).val();
  
  // 执行相应的操作，例如显示选中的值
  console.log(selectedValue);
});