仅在选中选项的情况下，才如何使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>

编辑低级投票人：有疑问的人说这很完美，这意味着他了解代码的工作原理。