I have Apple sign-in button and checkbox that the user agrees with the terms.
<script type="text/javascript" src="https://appleid.cdn-apple.com/appleauth/static/jsapi/appleid/1/en_US/appleid.auth.js"></script>
<div id="appleid-signin" class="apple-sign-in text-center" data-color="black" data-border="true" data-type="sign-up"></div>
<script type="text/javascript">
AppleID.auth.init({
clientId: '<%= ENV[ APPLE_CLIENT_ID ] %>',
scope: 'name email',
redirectURI: '<%= callback_apple_url %>',
state: 'state'
});
</script>
<input class="consent-status-checkbox oauth-terms-agreement" id="consent_status" name="consent_status" type="checkbox" value="true">
Is it possible to make the sign-in button disabled/inactive until the user checks the box?
I tried many other solutions, but they are not working with Apple button.