在条纹按钮中创建自定义金额答案

【问题标题】：Create Custom Amount in Stripe Button在条纹按钮中创建自定义金额
【发布时间】：2013-10-10 08:11:13
【问题描述】：

Stripe 有一个简单的用卡支付按钮。我想破解它，以便可以将自定义数量传递给它。（默认为 20）

目前正在建设的网站是http://pecosselfstorage.com/testpayments.html

我需要客户能够支付他们愿意支付的任何金额。这是在他们单击按钮后的弹出窗口中，还是在按钮旁边的页面上并不重要。不过，我更希望它出现在弹出窗口中。

请不要只发布指向 Stripe 网站的链接，我已经经历了所有这些，但在那里找不到任何帮助。

欢迎提出任何想法。谢谢！

【问题讨论】：

标签： javascript button stripe-payments

【解决方案1】：

无需黑客攻击。 Checkout 没有“默认值”——无论您作为 amount（或通过 data-amount 属性，对于基本版本）传入的内容都是它的收费。

如果您想让客户自己设定价格，您只需要一个文本字段和一些 JavaScript 将该字段的内容注入到您的 Checkout 调用中（记住整数美分）。

可能最简单的方法是在主页上放置一个文本字段，然后添加您自己的按钮并通过its API 调用 Checkout。使用默认按钮是可行的，但您不必通过这种方式触摸 DOM 或监视文本字段的更改。

快速而肮脏的 jQuery-ish 伪代码，假设有一个按钮 #payButton:

$('#payButton').click(function() {
  // prep goes here

    StripeCheckout.open({
      // data goes here
      amount: $('#payAmount').val * 100,
      // rest of data goes here
    });

  // etc
});

【讨论】：