Подтверждение по электронной почте с флажком - PullRequest
Новая
       25

Подтверждение по электронной почте с флажком

0 голосов
/ 13 сентября 2018

Мне нужно нажать на текст «Я принимаю условия использования и политику конфиденциальности», автоматически установить флажок, например: 

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

Более того, сообщение div с меткой «проверка», если оно не помечено, отображается ниже вместе с таблицами стилей так же, как и в поле электронной почты.

У меня есть пример, в котором сообщение появляется рядом с флажком, потому что это не сделано по-другому

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

1 Ответ

0 голосов
/ 13 сентября 2018

Просто добавьте атрибут 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>

См. Документацию <label>

...