Question

我正在使用条纹结帐进行付款。但是我无法从jquery加载动态量。数据正在加载，但金额未在结帐窗口中显示。

这是我的表格：

<form id="paymentform" class="paymentform" action="" method="POST">
          <input type="hidden" class="eventkey" id="event" value="#rc.hunt.id#">
          <script src="https://checkout.stripe.com/checkout.js" 
                  class="stripe-button" 
                  data-key="pk_test_XKVFQRnWDjkNwPxn3xIomQK6" 
                  data-amount="" 
                  data-email = "#GetAuthUser()#"                       
                  data-name="#rc.hunt.name#" 
                  data-description="Registration Fee $#rc.hunt.registration_fee#" 
                  data-image="/favicon.png" 
                  data-label = "Complete Registration" 
                  data-allow-remember-me = "false" 
                  data-locale="auto" data-zip-code="true">
          </script>
        </form>

还有Jquery：

$(".stripe-button").attr("data-amount", 20000);

但这不起作用。有帮助吗？

Answer 1

使用标准集成（使用script标签）时，无法为Checkout设置动态金额。相反，您需要使用custom integration，然后在打开Checkout弹出窗口时可以显式设置amount属性：

var amountInCents = Math.floor($("#amountInDollars").val() * 100);
var displayAmount = parseFloat(Math.floor($("#amountInDollars").val() * 100) / 100).toFixed(2);
// Open Checkout with further options
handler.open({
  name: 'Demo Site',
  description: 'Custom amount ($' + displayAmount + ')',
  amount: amountInCents,
});

https://jsfiddle.net/ywain/g2ufa8xr/

条带检出数据量动态

1 个答案: