单击单选按钮时隐藏另一个组件

<!-- 单选按钮组件 -->
<input type="radio" name="radio" id="radio1" onclick="handleRadioChange()">
<label for="radio1">选项1</label>
<input type="radio" name="radio" id="radio2" onclick="handleRadioChange()">
<label for="radio2">选项2</label>

<!-- 需要隐藏的组件 -->
<div id="hiddenComponent">这是需要隐藏的组件</div>

<style>
#hiddenComponent {
  display: block;
}
</style>

<script>
function handleRadioChange() {
  var radio1 = document.getElementById("radio1");
  var hiddenComponent = document.getElementById("hiddenComponent");
  
  if (radio1.checked) {
    hiddenComponent.style.display = "none";
  } else {
    hiddenComponent.style.display = "block";
  }
}
</script>