javascript - 如何将 Stripe 支付库与 HTML/JS 中单选按钮选择的多个按钮结合起来

Question

我使用 Stripe 库作为我的支付选项，我想使用多个按钮之间的单选按钮进行简单选择，因为我看到了 stripe 的 API，没有选项可以在他们建议的形式中传递其他参数。

例如:

<form action="/tt-server/rest/billing/subscribe" method="POST">
        <script
                src="https://checkout.stripe.com/checkout.js" class="stripe-button"
                data-key="pk_test_nz81cav6bbcEP4gxWxp1yFw7"
                data-image="https://storage.googleapis.com/tt-images/company/img_2015111514124193.png"
                data-name="myCompany"
                data-description="Pro Subscription ($400 per month)"
                data-panel-label="Subscribe"
                data-label="Subscribe"
                data-amount="400">
        </script>
    </form>

制作多个按钮并使用简单的单选按钮在它们之间进行选择的最佳方法是什么，例如:

<input type="radio" name="imgsel" value="subscribe" checked="checked" />

附言

表单中没有“提交按钮”，这个选项是在 Stripe 的库中实现的。

有什么建议吗？

类似这样或更基本的东西:

https://www.formget.com/wp-content/uploads/2014/08/online-single-product-payment-form.gif

BR,

Answer 1

您可以简单地在结帐表单中传递额外的输入字段。这些将与卡 token 一起自动提交。

您的代码如下所示:

<form action="/tt-server/rest/billing/subscribe" method="POST">
    <script
            src="https://checkout.stripe.com/checkout.js" class="stripe-button"
            data-key="pk_test_nz81cav6bbcEP4gxWxp1yFw7"
            data-image="https://storage.googleapis.com/tt-images/company/img_2015111514124193.png"
            data-name="myCompany"
            data-description="Pro Subscription ($400 per month)"
            data-panel-label="Subscribe"
            data-label="Subscribe"
            data-amount="400">
    </script>
    <input type="radio" name="imgsel" value="subscribe" checked="checked" />
</form>