选择其他单选按钮时隐藏DIV

<div id="hidden-div">
  <!-- 需要隐藏的内容 -->
</div>

<form>
  <input type="radio" name="choice" id="option1" value="option1" onclick="toggleDiv(this.value)" checked>
  <label for="option1">选项1</label><br>
  <input type="radio" name="choice" id="option2" value="option2" onclick="toggleDiv(this.value)">
  <label for="option2">选项2</label><br>
  <input type="radio" name="choice" id="option3" value="option3" onclick="toggleDiv(this.value)">
  <label for="option3">选项3</label><br>
  <input type="radio" name="choice" id="other" value="other" onclick="toggleDiv(this.value)">
  <label for="other">其他</label><br>
</form>

function toggleDiv(choice) {
  var hiddenDiv = document.getElementById("hidden-div");
  if (choice === "other") {
    hiddenDiv.style.display = "none"; // 隐藏DIV
  } else {
    hiddenDiv.style.display = "block"; // 显示DIV
  }
}

#hidden-div {
  display: none; // 默认隐藏
}