Javascript 如何使html表单字段仅在选中选项时才成为必需字段？

我有一个字段，用户必须在其中选中选项A或B。如果用户选中选项A，则隐藏字段变为可见。在用户选中选项A的情况下，我希望这个现在可见的字段是必需的。问题是，如果我将隐藏字段设为必填字段，则当用户选中选项B（字段保持不可见+仍为必填字段）时会出现错误

谢谢大家!

A:
A : <input type="radio" name="check" id="check_a"  onclick="check_a()">
<br>
B : <input type="radio"  name="check" id="check_b"  onclick="check_b()">
<div id="hidden_input"></div>
<script>
function check_a() {
    document.getElementById("hidden_input").innerHTML = "<input placeholder='Something required if A is checked' required/>";
}
function check_b() {
    document.getElementById("hidden_input").innerHTML = "<input placeholder='Something required if B is checked' required/>";
}
</script>



B:
函数检查_a（）{
document.getElementById（“隐藏的_输入”）.innerHTML=“”；
}
函数检查_b（）{
document.getElementById（“隐藏的_输入”）.innerHTML=“”；
}

---

为底层选民编辑：提出问题的人说这是完美的，这意味着他理解代码是如何工作的。

寻求调试帮助的问题（“为什么不/如何使代码工作？”）必须包括所需的行为，一个特定的问题或错误，以及在问题本身中复制该问题所需的最短代码。标题就是问题。丢弃代码而不做任何解释这是一个非常糟糕的答案。任何没有基本知识的人都会理解代码的工作原理，并在没有任何解释的情况下编辑代码以满足自己的需要：）