未通过使用RadioButton绑定更新可见性属性

<input type="radio" name="option" value="option1"> Option 1
<input type="radio" name="option" value="option2"> Option 2

var option1 = document.querySelector('input[value="option1"]');
var option2 = document.querySelector('input[value="option2"]');

option1.addEventListener('change', function() {
  // 当选中Option 1时的逻辑操作
  // 更新其他元素的可见性属性
});

option2.addEventListener('change', function() {
  // 当选中Option 2时的逻辑操作
  // 更新其他元素的可见性属性
});

var element1 = document.getElementById('element1');
var element2 = document.getElementById('element2');

option1.addEventListener('change', function() {
  if (option1.checked) {
    element1.style.display = 'block'; // 显示元素1
    element2.style.display = 'none';  // 隐藏元素2
  }
});

option2.addEventListener('change', function() {
  if (option2.checked) {
    element1.style.display = 'none';  // 隐藏元素1
    element2.style.display = 'block'; // 显示元素2
  }
});