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

});

如何根据默认选择显示jQuery计算结果

1 个答案: