如何获取单选按钮Id并使用结果影响另一组单选按钮

<div>
  <input type="radio" id="group1-option1" name="group1" value="option1">
  <label for="group1-option1">Option 1</label>
  <input type="radio" id="group1-option2" name="group1" value="option2">
  <label for="group1-option2">Option 2</label>
</div>

<div>
  <input type="radio" id="group2-option1" name="group2" value="option1">
  <label for="group2-option1">Option 1</label>
  <input type="radio" id="group2-option2" name="group2" value="option2">
  <label for="group2-option2">Option 2</label>
</div>

// 获取第一组单选按钮的父容器
var group1Container = document.querySelector('div:first-of-type');

// 获取第一组单选按钮
var group1Options = group1Container.querySelectorAll('input[type="radio"]');

// 监听第一组单选按钮的change事件
group1Container.addEventListener('change', function() {
  // 遍历第一组单选按钮
  group1Options.forEach(function(option) {
    // 如果选中的单选按钮的值为option1，则禁用第二组单选按钮的option2
    if (option.checked && option.value === 'option1') {
      document.getElementById('group2-option2').disabled = true;
    } else {
      document.getElementById('group2-option2').disabled = false;
    }
  });
});