jQuery 从 Google Captcha 获取 aria-checked 值

Question

如何从 aria-checked 属性中获取 false 值？ 我想检查 aria-checked 是否正确。

我尝试了这个但不起作用:

console.log($("#recaptcha-anchor").attr("aria-checked").val());

完整来源:

<div class="rc-anchor rc-anchor-normal rc-anchor-light">
    <div class="rc-anchor-aria-status">
        <section><h1>recaptcha-status</h1><span id="recaptcha-accessible-status" aria-live="assertive"
                                                aria-atomic="true">reCAPTCHA vereist verificatie</span></section>
    </div>
    <div class="rc-anchor-error-msg-container" style="display:none"><span class="rc-anchor-error-msg"></span></div>
    <div class="rc-anchor-content">
        <div class="rc-inline-block">
            <div class="rc-anchor-center-container">
                <div class="rc-anchor-center-item rc-anchor-checkbox-holder"><span
                        class="recaptcha-checkbox goog-inline-block recaptcha-checkbox-unchecked rc-anchor-checkbox"
                        role="checkbox" aria-checked="false" id="recaptcha-anchor" tabindex="0" dir="ltr"
                        aria-labelledby="recaptcha-anchor-label"><div class="recaptcha-checkbox-border"
                                                                      role="presentation"></div><div
                        class="recaptcha-checkbox-borderAnimation" role="presentation"></div><div
                        class="recaptcha-checkbox-spinner" role="presentation"></div><div
                        class="recaptcha-checkbox-spinnerAnimation" role="presentation"></div><div
                        class="recaptcha-checkbox-checkmark" role="presentation"></div></span></div>
            </div>
        </div>
        <div class="rc-inline-block">
            <div class="rc-anchor-center-container"><label class="rc-anchor-center-item rc-anchor-checkbox-label"
                                                           id="recaptcha-anchor-label">Ik ben geen robot</label></div>
        </div>
    </div>
    <div class="rc-anchor-normal-footer">
        <div class="rc-anchor-logo-portrait" role="presentation">
            <div class="rc-anchor-logo-img rc-anchor-logo-img-portrait"></div>
            <div class="rc-anchor-logo-text">reCAPTCHA</div>
        </div>
        <div class="rc-anchor-pt"><a href="https://www.google.com/intl/nl/policies/privacy/" target="_blank">Privacy</a>
            - <a href="https://www.google.com/intl/nl/policies/terms/" target="_blank">Voorwaarden</a></div>
    </div>
</div>

Answer 1

console.log($('#recaptcha-anchor').attr('aria-checked'))

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<span class="recaptcha-checkbox goog-inline-block recaptcha-checkbox-unchecked rc-anchor-checkbox" role="checkbox" aria-checked="false" id="recaptcha-anchor" tabindex="0" dir="ltr" aria-labelledby="recaptcha-anchor-label">

1. 删除 .val() 它不是一个值，它是一个属性。
2. 使用$(':checkbox').attr('aria-checked')

更新

console.log($('#recaptcha-anchor').attr('aria-checked'))

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="rc-anchor rc-anchor-normal rc-anchor-light">
  <div class="rc-anchor-aria-status">
    <section>
      <h1>recaptcha-status</h1><span id="recaptcha-accessible-status" aria-live="assertive" aria-atomic="true">reCAPTCHA vereist verificatie</span>
    </section>
  </div>
  <div class="rc-anchor-error-msg-container" style="display:none"><span class="rc-anchor-error-msg"></span>
  </div>
  <div class="rc-anchor-content">
    <div class="rc-inline-block">
      <div class="rc-anchor-center-container">
        <div class="rc-anchor-center-item rc-anchor-checkbox-holder"><span class="recaptcha-checkbox goog-inline-block recaptcha-checkbox-unchecked rc-anchor-checkbox" role="checkbox" aria-checked="false" id="recaptcha-anchor" tabindex="0" dir="ltr" aria-labelledby="recaptcha-anchor-label"><div class="recaptcha-checkbox-border"
                                                                      role="presentation"></div><div
                        class="recaptcha-checkbox-borderAnimation" role="presentation"></div><div
                        class="recaptcha-checkbox-spinner" role="presentation"></div><div
                        class="recaptcha-checkbox-spinnerAnimation" role="presentation"></div><div
                        class="recaptcha-checkbox-checkmark" role="presentation"></div></span>
        </div>
      </div>
    </div>
    <div class="rc-inline-block">
      <div class="rc-anchor-center-container">
        <label class="rc-anchor-center-item rc-anchor-checkbox-label" id="recaptcha-anchor-label">Ik ben geen robot</label>
      </div>
    </div>
  </div>
  <div class="rc-anchor-normal-footer">
    <div class="rc-anchor-logo-portrait" role="presentation">
      <div class="rc-anchor-logo-img rc-anchor-logo-img-portrait"></div>
      <div class="rc-anchor-logo-text">reCAPTCHA</div>
    </div>
    <div class="rc-anchor-pt"><a href="https://www.google.com/intl/nl/policies/privacy/" target="_blank">Privacy</a>
      - <a href="https://www.google.com/intl/nl/policies/terms/" target="_blank">Voorwaarden</a>
    </div>
  </div>
</div>