Можно ли сделать текстовое поле обязательным только после изменения отображения на «Блокировать»

Question

Я пытаюсь создать контактную форму запроса коммерческого предложения в контактной форме WordPress 7. Теперь у меня есть несколько различных разделов на моем веб-сайте, для которых можно сделать запрос коммерческого предложения. Я хочу, чтобы все они вели на один и тот же веб-сайт, чтобы свести к минимуму объем работы и т. Д. c.

Теперь люди могут выбирать между 5 разными флажками для подразделения, для которого они хотят получить цитату. Для каждого подразделения мне нужно будет задать 2 конкретных вопроса c, чтобы мне было легче составить цитату, но эти вопросы должны появляться только тогда, когда этот флажок установлен. Я сделал это, используя:

function myFunction() {
  // Get the checkbox
  var checkBox = document.getElementById("Propulsion and Stabilization");
  // Get the output text
  var text = document.getElementById("text");

  // If the checkbox is checked, display the output text
  if (checkBox.checked == true){
    text.style.display = "block";
    } else {
    text.style.display = "none";
  }
}

Это то, что я использую в контактной форме, в которой будет отображаться «Длина корабля» и текстовое поле при установке флажка.

<p id="text" style="display:none"><label> Ship Length 
[text text-234]</p> </label>

Когда флажок установлен, «текст» (вопросы) будет отображаться нормально. Теперь мой вопрос: как сделать вопрос, который отображается как «Обязательный» для заполнения людьми? Я пробовал просто обычно добавлять требуемые после document.getElementById ("text"); но по какой-то причине я не могу заставить его работать. Есть идеи?

Спасибо! Поле перед отметкой Результат отмеченного поля

Answer 1

К сожалению, пока не удалось заставить его работать. Я пробовал несколько вариантов этого:

function myFunction() {
  // Get the checkbox
  var checkBox = document.getElementById("Propulsion and Stabilization");
  // Get the output text
  var text = document.getElementById("text"); 

  // If the checkbox is checked, display the output text
  if (checkBox.checked == true){
    text.style.display = "block";
    text.setAttribute("required", "");}
    else {
    text.style.display = "none";
    element.removeAttribute("required");}
}

, но это не сработало.