跨度变化的验证码

Question

您好，我的目标是在属性更改后显示提交表单。

<span class="recaptcha-checkbox goog-inline-block recaptcha-checkbox-unchecked rc-anchor-checkbox recaptcha-checkbox-expired" role="checkbox" aria-checked="false" id="recaptcha-anchor" tabindex="0" dir="ltr" aria-labelledby="recaptcha-anchor-label">

<button type="submit" class="Button ctct-button Button--block Button-secondary" id="submit-form" data-enabled="enabled">Sign Up</button>

我试过使用JQuery

$("#recaptcha-anchor").change(function(){
  alert("Changed!");
  $("#submit-form").show();
});

我也试过：

$(".recaptcha-checkbox").on('DOMSubtreeModified', function(){
   alert("This has been clicked");
   $("#submit-form").show();
});

任何关于我可能做错了什么的指示？警报消息不会消失。我已经阅读了 JQuery API 的更改，但是如果有一个页面可以帮助我，那将会很有用。谢谢！

Answer 1

没有在属性更改时触发的此类事件。

您应该为更改属性创建一个自定义事件，并在代码中更改它的地方触发它。然后你就可以收听它并执行你想要的代码了。

在属性更改的函数中触发这样的自定义事件

$(".recaptcha-checkbox").trigger('attribute-change');

然后为该事件创建事件侦听器并执行您的代码。

$(".recaptcha-checkbox").on('attribute-change', function(){
   alert("This has been clicked");
   $("#submit-form").show();
});

跨度变化的验证码

Captcha on change for span

html

javascript

jquery

onchange

click