如何从一开始就禁用条纹按钮，并在检查协议后将其启用？

Saleh Ahmad Oyon 发表于 Dev

萨利赫·艾哈迈德·奥永（Saleh Ahmad Oyon）

我想从一开始就禁用条纹签出按钮。然后，当人们选中协议复选框时，它将被启用。如果他撤消其检查，它将再次被禁用。我怎样才能做到这一点？

<script
    src="https://checkout.stripe.com/checkout.js" class="stripe-button"
    data-key="pk_test_6pRNASCoBOKtIshFeQd4XMUh"
    data-amount="2000"
    data-name="Stripe.com"
    data-description="2 widgets"
    data-image="/img/documentation/checkout/marketplace.png"
    data-locale="auto">
</script>

我的代码与上面的代码非常相似。只有值是不同的。

塔欣·哈桑·拉希特（Tahsin Hassan Rahit）

您可以使用自定义按钮代替自动嵌入结帐按钮。这是文档中的修改示例。

$('#agree').click(function() {
    $("#customButton").toggle(this.checked);
});

 var handler = StripeCheckout.configure({
    key: 'pk_test_6pRNASCoBOKtIshFeQd4XMUh',
    image: '/img/documentation/checkout/marketplace.png',
    locale: 'auto',
    token: function(token) {
      // You can access the token ID with `token.id`.
      // Get the token ID to your server-side code for use.
    }
  });
  $('#customButton').on('click', function(e) {
    // Open Checkout with further options:
    handler.open({
      name: 'Stripe.com',
      description: '2 widgets',
      amount: 2000
    });
    e.preventDefault();
  });

  // Close Checkout on page navigation:
  $(window).on('popstate', function() {
    handler.close();
  });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://checkout.stripe.com/checkout.js"></script>

<input type="checkbox" id="agree"> agree
<button id="customButton" style="display:none">Purchase</button>

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。