显示两个不可见的 recaptcha 徽章

Question

目前我有两种形式，可以通过按钮切换。当我显示第一个表单时，我可以看到徽章，但第二个表单看不到（第二个徽章呈现为 display:none，第一个表单被隐藏）。第二个徽章呈现为 data-style="none"。 我现在拥有的：

<button id="RecaptchaField1">but1</button>
<button id="RecaptchaField2">but2</button>

<script
    src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
    integrity="sha256-3edrmyuQ0w65f8gfBsqowzjJe2iM6n0nKciPUp8y+7E="
    crossorigin="anonymous"></script>
<script>
    $(function () {
    window.onloadCallback = function () {
        grecaptcha.render('RecaptchaField1', {'sitekey' : 'sitekey'});
        grecaptcha.render('RecaptchaField2', {'sitekey' : 'sitekey'});
    };
});
</script>
<script src="https://www.google.com/recaptcha/api.js?onload=onloadCallback&render=explicit" async defer></script>

Answer 1

显然您可以只隐藏徽章并显示注释。 source