如何根據默認選擇顯示jQuery計算結果

Question

我使用下面的代碼根據用戶的選擇計算名片的價值。用戶使用單選按鈕自定義選項，然後使用選中的單選按鈕的值計算淨價，增值稅和總價。這些值然後顯示在一個div中。默認情況下會選擇單選按鈕，但只有用戶單擊其中一個單選按鈕後纔會顯示價格。由於選擇了默認選項，當頁面加載時如何顯示與這些選項相對應的價格？

$(document).ready(function() { 

    $('input[form="businessCards"]').click(function() { 


    var totalNetPrice = designLayoutPrice + printRunPrice + printedSidesPrice + paperWeightPrice + refiningPrice + processingPrice + deliveryMethodPrice; 
    $(".totalNetPrice").html(totalNetPrice.toFixed(2)); 

    var vat = totalNetPrice * 0.14; 
    $(".vat").html(vat.toFixed(2)); 

    var totalPrice = totalNetPrice + vat; 
    $(".totalPrice").html(totalPrice.toFixed(2)); 

    }); 

}); 

我試着添加下面的內容，但確實有效。

$(document).ready(function() { 

    // display default option values 
    $(".totalNetPrice").html.(totalNetPrice); 
    $(".vat").html.(vat); 
    $(".totalPrice").html.(totalPrice); 

    $('input[form="businessCards"]').click(function() { 


    var totalNetPrice = designLayoutPrice + printRunPrice + printedSidesPrice + paperWeightPrice + refiningPrice + processingPrice + deliveryMethodPrice; 
    $(".totalNetPrice").html(totalNetPrice.toFixed(2)); 

    var vat = totalNetPrice * 0.14; 
    $(".vat").html(vat.toFixed(2)); 

    var totalPrice = totalNetPrice + vat; 
    $(".totalPrice").html(totalPrice.toFixed(2)); 

    }); 

}); 

Answer 1

您可以手動觸發點擊事件，以便使用默認值計算價格。

$(document).ready(function() { 

    $('input[form="businessCards"]').click(function() { 


    var totalNetPrice = designLayoutPrice + printRunPrice + printedSidesPrice + paperWeightPrice + refiningPrice + processingPrice + deliveryMethodPrice; 
    $(".totalNetPrice").html(totalNetPrice.toFixed(2)); 

    var vat = totalNetPrice * 0.14; 
    $(".vat").html(vat.toFixed(2)); 

    var totalPrice = totalNetPrice + vat; 
    $(".totalPrice").html(totalPrice.toFixed(2)); 

    }).click(); // trigger event 

});