使其他元素成为必需的

我正在创建一个表单提交;有些元素是必需的，所以不是。我在表单中有一个checkbox，如果选中该框，它将使其他元素可见。我正在使用 htmland javascript。

我目前遇到的问题是，当我点击提交时，仍然需要不可见的元素(我将附加我的代码(。我想让它仅在选中该框时才需要其他元素。
我不确定如何编写javascriptor jquery来实现这一目标。

任何帮助不胜感激！谢谢。

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

<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>

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

yourElement.removeAttribute('required');

以及显示时

yourElement.setAttribute('required',true);

相关内容

最新更新

热门标签：