更新頁面加載的價格字段

Question

我正在嘗試在加載頁面上執行一個函數激活，此功能是在「輸入＃數量」中獲取數字值並在頁面加載激活時計算「input.final-price」功能currentPrice。但在頁面加載時，不會在頁面加載時更新字段。

function currentPrice() { 
 
    var priceProduct = parseFloat($.trim($('span.price').html().replace(",", "").replace("$", ""))); \t 
 
    var convertion = ((priceProduct)/100).toFixed(2); 
 
    var price = parseFloat($("input#quantity").val()); 
 
    var total = ((convertion) * (price)).toFixed(2); 
 
    $("input.final-price").val(total); 
 
    } 
 
// Onload 
 
$(document).on("load", "input", currentPrice);

Answer 1

你應該等到再裝文件運行功能

$(function(){ 
    currentPrice(); 
}); 

以上是速記$（文件）。就緒（）

Answer 2

我我對你的標記做了一些假設（見下面的演示）;請注意0​​參考現在是一個ID（#final-price）而不是一個類（因爲這樣可以更容易地綁定關聯的<label>）。

我還假設您希望最終價格（只讀）在輸入新數量的情況下保持更新。

function currentPrice() { 
 
    var priceProduct = parseFloat($.trim($('span.price').html().replace(",", "").replace("$", ""))); 
 
    var convertion = ((priceProduct)/100).toFixed(2); 
 
    var price = parseFloat($("#quantity").val()); 
 
    var total = ((convertion) * (price)).toFixed(2); 
 
    $("#final-price").val(total); 
 
} 
 

 
$(function() { 
 
    // initialise final figure 
 
    currentPrice(); 
 
    
 
    // ensure total is updated each time quantity is changed 
 
    $("#quantity").on("keyup", currentPrice); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<span class="price">$38,000</span> 
 

 
<label for="quantity">Quantity</label> 
 
<input id="quantity" value="5" /> 
 

 
<label for="final-price">Final</label> 
 
<input id="final-price" readonly />