隐藏的复选框即使在隐藏时也需要选中

Question

我有点卡住了。

我正在使用 html5 进行非常简单的验证，并且我有一个复选框，只有在满足某些条件时才会显示。然后您必须同意条款并选中复选框。

问题是当你没有达到条件并且checkbox提示hidden那么它是不可能提交的。只有在您看到它时才需要它。

.terms{
display: none;
}

<form>

<p><input class="terms" type="checkbox" id="checkId" required>Terms & Conditions</p>
<input type="submit" name="submit" value="Submit" id="submit" />

</form>

Answer 1

这会起作用

<form>
<p><input class="terms" type="checkbox" id="checkId" name="checkId" checked style="visibility: hidden;">Terms & Conditions</p>
<input type="submit" name="submit" value="Submit" id="submit" />

</form>