Поле Флаг как ссылка

Добрый день форумчане! Подскажите пожалуйста, ранее помню на Инсте было такое поле «Флаг с ссылкой», очень удобно было использовать при регистрации на сайте, о том что пользователь согласен с правилами сайта, одновременно он мог по этой ссылке перейти и прочитать!
Подскажите как реализовать или где найти?

Добрый день форумчане! Подскажите пожалуйста, ранее помню на Инсте было такое поле «Флаг с ссылкой», очень удобно было использовать при регистрации на сайте, о том что пользователь согласен с правилами сайта, одновременно он мог по этой ссылке перейти и прочитать!
Подскажите как реализовать или где найти?

Можно добавить в шаблон — .../templates/ваша_тема/controllers/auth/registration.tpl.php

Перед строкой:

<?php $this->addBottom(ob_get_clean()); ?>

Вставить:

<script>
   $( function() {
        $('.button-submit').before('<div id="f_check-pdn-regist" class="pass-content-no-text-registration"><input type="checkbox" class="input-checkbox" name="check-pdn" id="check-pdn"><label for="check-pdn" style="display:inline-block;"><span></span>Ознакомился и согласен с <a target="_blank" href="/pages/rules.html">Правилами сайта</a> и <a target="_blank" href="/pages/privacy.html">Политикой конфиденциальности</a></label></div>');
        $('#check-pdn').prop('checked', false);
        $('.button-submit').prop('disabled', true);
        $('#check-pdn').change(function() {
          $('.button-submit').prop('disabled', function(i, val) {
            return !val;
          })
        });
    });	 
 
</script>
<style>
    .button-submit:disabled,.button-submit:disabled:hover{
          color: graytext;
          background-color: buttonface;
     }
</style>

По-моему даже тут на форуме было подобное решение — не помню, где заготовку брал.

В итоге — есть ссылки, есть чек. Пока чек не отмечен — кнопка регистрации неактивна. Подкорректировать под себя стили, поменять ссылки/заголовки и, собственно, всё.

 Семён Иваныч, возможно вас устроит такой вариант

Если да, то заполните настройки поля так 

Добавьте ниже обязательность заполнения поля

А чтобы чекбокс был отмечен по умолчанию, сделайте так

 Семён Иваныч, возможно вас устроит такой вариант

А вот это отличное решение, спасибо большое!👍

 Семён Иваныч, чтобы ссылки открывались в новом окне, не забудьте 

target="_blank"

 Семён Иваныч, чтобы ссылки открывались в новом окне, не забудьте 

target="_blank"

Да, спасибо) До этого моя голова додумалась😁.

В этом случае лучше задать ссылке css-класс

class="ajax-modal"

тогда правила будут открываться в модальном окне.

 Семён Иваныч, возможно вас устроит такой вариант

Если да, то заполните настройки поля так 

Добавьте ниже обязательность заполнения поля

А чтобы чекбокс был отмечен по умолчанию, сделайте так

Отличное решение! Спасибо)

В этом случае лучше задать ссылке css-класс

class="ajax-modal"

тогда правила будут открываться в модальном окне.

Так же прикрутил к ссылке, все здорово) Спасибо!