是否可以仅在显示更改为“阻止”后才需要文本框

Question

我正在尝试在 WordPress 联系表 7 中制作报价请求联系表。现在我的网站中有多个不同的部门可以提出报价请求。我希望他们都指向同一个网站，以尽量减少工作等。

现在人们可以在 5 个不同的复选框中选择他们想要报价的部门。对于每个部门，我需要提出 2 个具体问题，以使自己更容易进行报价，但这些问题仅应在选中该复选框时显示。我已经这样做了：

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"); 之后正常添加 required但由于某种原因，我无法让它工作。有什么想法吗？

谢谢！ Before Ticking box Ticked box result

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");}
}

但这不起作用。