入力フィールドの値を含む送信ボタンテキストを更新します

Question

選択したテキスト入力ボックスの値に基づいてフォーム送信ボタンのテキストを更新しようとしています。

if (document.getElementById('pay_other').checked) { 
    rate_value = document.getElementById('other_amount').value; 
} 

$('input[id="paymentAmount"]').val(rate_value); 

上記を使用すると、私は必要な値を得ることができます。例：100

これで、送信ボタンのテキストをに変更する必要があります。現在、£100を支払うです。

変数rate_valueを挿入せずにIveはさまざまな方法で試してみました。

$("#processPayment").prop('value', 'Pay £' + rate_value + ' today');

Answer 1

を提出し、あなたは、プラス記号と一緒に（CONCATENATE）の文字列を結合しています元の投稿のうち、jqueryをインポートしたことを明らかにしたので、追加したかったので、jqueryを使ってコードを単純化することができます：

if ($('#pay_other').is(':checked')) { 
    rate_value = $('#other_amount').val(); 
} 

$('#paymentAmount').val(rate_value); 

$('#processPayment').prop('value', 'Pay £' + rate_value + ' today'); 

Answer 2

のような質問がすでにコメントで答えたprocessPaymentは、JSでボタンID

$("#processPayment").prop('value', 'Pay £'rate_value' today');