带有复选框的验证电子邮件

Question

我需要单击文本“我接受使用条件和隐私政策”，自动选中该复选框，如下所示：

<label>
    <input type="checkbox" name="LOPD" id="LOPD">I accept <a href="http://www.google.es/aviso-legal/" target="blank">conditions of use</a> and <a href="http://www.google.es/politica-de-privacidad/" target="blank">privacy policy</a>
</label>

更大的是，在未标记的情况下，带有标签“ validation”的消息div与在电子邮件字段中显示的样式表一起显示在下方。

我有一个例子，其中消息显示在复选框旁边，因为它不是通过其他方式完成的

https://jsfiddle.net/mf0sk13e/18/

Answer 1

只需在for上添加一个<label>属性，其值就是id中的<checkbox>：

<label for="LOPD">
    <input type="checkbox" name="LOPD" id="LOPD">I accept <a href="http://www.google.es/aviso-legal/" target="blank">conditions of use</a> and <a href="http://www.google.es/politica-de-privacidad/" target="blank">privacy policy</a>
</label>

See the <label> documentation