Question

我正在创建表单提交;一些元素是必需的，所以不是。我在表单中有checkbox，如果选中该框，则会显示其他元素。我使用的是html和javascript。

我目前遇到的问题是，当我点击提交时，仍然需要隐藏的元素（我将附加我的代码）。我希望在选中此框时，只需即可使用其他元素我不确定如何编写javascript或jquery以使其成为可能。

任何帮助表示赞赏！谢谢。

＆＃13;

function addPerson(box) {
  var chboxs = document.getElementsByName("person");
  var vis = "none";
  for (var i = 0; i < chboxs.length; i++) {
    if (chboxs[i].checked) {
      vis = "block";
      break;
    }
  }
  document.getElementById(box).style.display = vis;
}

＆＃13;

<html>
<form>
  *Name: <input size=27 type="text" name="mfname" required><br> *Email: <input size=27 type="text" name="mfname" required><br> *Date: <input size=27 type="text" name="mfname" required><br>

  <input type="checkbox" name="person" value="on" onclick="addPerson('person')">Add another person<br>

  <div id="person" style="display:none">
    *Name: <input size=27 type="text" name="mfname" required><br> *Email: <input size=27 type="text" name="mfname" required><br> *Date: <input size=27 type="text" name="mfname" required><br>
  </div>

  <button type="submit" value="Submit">Submit</button>
</form>

</html>

＆＃13;

Answer 1

对于您隐藏的每个元素（或孩子），您可以执行

yourElement.removeAttribute('required');

并在显示时

yourElement.setAttribute('required',true);

需要制作其他元素

1 个答案: