在條紋支付按鈕中有動態金額

我找不到任何關於此的教程。我有一個輸入金額的文本字段，並提交了一個提交btn。我有通常的條目「Pay with card」btn，點擊時將會彈出一個表單和一個付款btn，例如「Pay $ 5.00」。我該如何動態添加金額到該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()); 
    });

我想，當數據被輸入到文本字段更新數據量，但我不能這樣做。改變@amount是從硬編碼的控制器獲取數據。

來源

2016-02-17 Sushant Bajracharya

請嘗試一些東西，並將您的嘗試置於您的問題中，並附上對問題的描述，即爲什麼您的嘗試不起作用。假設沒有人對你正在看的教程有任何瞭解。 –

@MaxWilliams，謝謝你指出。我已經更新了這個問題。 –

你問如何改變一個HTML元素的值？ – DickieBoy

您需要在按鈕上設置一個點擊處理程序，以啓動您的功能。然後找到要更新的元素並調用.val（）來更新值。

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

或類似的東西。這假定觸發事件的按鈕具有.me類，並且應該包含該值的div具有classToUpdate類。

來源

2016-02-17 17:01:22

在條紋支付按鈕中有動態金額

回答

相關問題