跨动态数量的单选按钮组实现依赖关系

<input type="radio" id="option1" name="options">
<label for="option1">Option 1</label>

<input type="radio" id="option2" name="options">
<label for="option2">Option 2</label>

<input type="radio" id="option3" name="options">
<label for="option3">Option 3</label>

const option1 = document.getElementById('option1');
const option2 = document.getElementById('option2');
const option3 = document.getElementById('option3');

option1.addEventListener('change', function() {
  if (option1.checked) {
    // Option 1被选中时的逻辑
    option2.disabled = true;
    option3.disabled = true;
  } else {
    option2.disabled = false;
    option3.disabled = false;
  }
});

option2.addEventListener('change', function() {
  if (option2.checked) {
    // Option 2被选中时的逻辑
    option1.disabled = true;
    option3.disabled = true;
  } else {
    option1.disabled = false;
    option3.disabled = false;
  }
});

option3.addEventListener('change', function() {
  if (option3.checked) {
    // Option 3被选中时的逻辑
    option1.disabled = true;
    option2.disabled = true;
  } else {
    option1.disabled = false;
    option2.disabled = false;
  }
});