Question

我找不到任何关于此的教程。我有一个文本字段用于输入金额和提交提交btn我有通常的条纹＆＃34;用卡支付＆＃34; btn，当点击时将取消弹出表格和付款btn与提到的金额，例如＆＃34;支付$ 5.00＆＃34; 。如何动态地向该btn添加金额？

    = form_tag client_topup_index_path do
      = label_tag 'amount', 'To Pay', class: 'amount'
      = text_field :topup, :amount, class: 'test'
      %script.stripe-button{"data-amount" => @amount * 100, "data-description" => "Your payment description", "data-key" => ENV['STRIPE_PUBLISHABLE_KEY'], :src => "https://checkout.stripe.com/checkout.js"}
- content_for :footer_js do
  :javascript
    $(".me").on('click', function(){
      $(".me").data("amount","3");
      alert($('.sus').val());
    });

我尝试在将数据输入文本字段时更新数据量，但我无法做到。 Currenlty @amount是来自控制器的硬编码数据。

Answer 1

您需要在按钮上设置要启动功能的点击处理程序。然后找到要更新的元素，并在其上调用.val（）来更新值。

$(".me").on('click', function(){
      value = $(".me").data.amount;
      $( ".classToUpdate" ).val(value);
    });

或类似的东西。这假设触发事件的按钮具有.me类，并且应该包含该值的div具有classToUpdate类。

在条纹付款按钮中有动态金额

1 个答案: