Гугл рекапча работает нормально но

Question

Я пытаюсь проверить, установлен ли флажок или нет, он работает, когда

1. пользователь выбирает gap recaptcha, затем настраиваемый флажок, затем мою кнопку отправки включить Проблема в том, что
2. когда пользователь выбирает первое настраиваемое поле, то Google recaptcha, кнопка отправки не включена.

Мой код:

 <div class="container">
            <form action="captcha.php" method="POST">
                <div class="g-recaptcha"data-theme="dark light"  data-sitekey="6LenpCATAAAAAPNX7KmRsznT15ViNFKBI80ieTUU"></div>
                <input type="checkbox" name="terms" id="terms">
                <p>
                    <button type="submit" name="submit" id="submit"class="btn btn-success" >Submit</button>
                </p>
            </form>
        </div>

Возиться с моим кодом

Answer 1

А как насчет того, чтобы скрыть условия до завершения рекапчи? Я попробовал ваш код с двумя флажками, так как recpatcha не будет работать, если URL-адрес скрипты не включен в ваши настройки recaptcha в Google.

$(document).ready(function() {
    $('#submit').attr({disabled: 'disabled'});
    $('#terms').hide();
    $(document).on('click', function(event) {
      enableSubmit();
    });
    $(document).on('change','#g-recaptcha-response', function() {
      enableSubmit();
    });
    function enableSubmit() {
      if($('#g-recaptcha-response').val() !== '') {
        console.log('in if ');
        $('#terms').show();
        if($('#terms').is(':checked')) {
        $('#submit').removeAttr('disabled');
        }   
        else 
        {
          console.log('in else ');
          $('#submit').attr({
          disabled: 'disabled'
          });
        }
      }
};

два флажка

$(document).ready(function() {
            $('#submit').attr({
                disabled: 'disabled'
            });
    $('#terms1').hide();
            $(document).on('click', function(event) {
                enableSubmit();
            });
            $(document).on('change','#terms', function() {
                enableSubmit();
            });
            function enableSubmit() {
                if($('#terms').is(':checked')) {
                    console.log('in if ');
        $('#terms1').show();
        if($('#terms').is(':checked') && $('#terms1').is(':checked')) {
        $('#submit').removeAttr('disabled');
        }   
                } else {
                    console.log('in else ');
                    $('#submit').attr({
                        disabled: 'disabled'
                    });
                }
            };
        });