Как сделать поле формы 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: Человек с вопросом сказал, что это идеально, что означает, что он понимает, как работает код.