如何根据选中的单选按钮显示/隐藏项目？

<input type="radio" id="radio1" name="options">
<label for="radio1">选项1</label>

<input type="radio" id="radio2" name="options">
<label for="radio2">选项2</label>

<div id="item1">要显示/隐藏的项目1</div>
<div id="item2">要显示/隐藏的项目2</div>

#item1, #item2 {
  display: none;
}

var radio1 = document.getElementById('radio1');
var radio2 = document.getElementById('radio2');
var item1 = document.getElementById('item1');
var item2 = document.getElementById('item2');

radio1.addEventListener('change', function() {
  if (radio1.checked) {
    item1.style.display = 'block';
  } else {
    item1.style.display = 'none';
  }
});

radio2.addEventListener('change', function() {
  if (radio2.checked) {
    item2.style.display = 'block';
  } else {
    item2.style.display = 'none';
  }
});