如果检查选项，则如何制作HTML表单字段？

Question

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

谢谢！

Answer 1

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>

为downvoters 编辑：有问题的人说它很完美，这意味着他了解代码的工作原理。