单击可选复选框时如何计算价格（使用贝宝付款表格）[重复]

Posted 2023-02-22

【中文标题】单击可选复选框时如何计算价格（使用贝宝付款表格）[重复]

【英文标题】：How to calculate price when optional checkbox is clicked(using paypal payment form) [duplicate]

【发布时间】：2016-07-25 18:36:40

【问题描述】：

我已经建立了一个订单表格，用户可以在其中输入公司名称、姓氏、电子邮件和地址以及一个可选的运费复选框，价格为 19.99 美元。我为我的dreamweaver cs5 程序下载了paypal payment form module，该程序将表单转换为paypal 表单。

这个程序的好处是，当用户单击“立即付款”按钮时，它会自动创建一个包含所有输入字段的 mysql 数据库。它还会在名为“PPPaymentForm”的文件夹中自动生成文件，然后我将其上传到我网站的根目录，并为我提供了一个后端，以便我可以监控所有付款交易。

回到我原来的问题，我需要一些方法，以便如果有人决定单击设置为 19.99 美元的复选框，它将自动添加到名为“hdwppamount”的隐藏输入中设置的价格，其中该值设置为 175.00 美元。因此，如果点击送货选项，此人将点击“立即付款”按钮并被重定向到贝宝付款页面，新计算的价格为 194.99 美元。

我不精通 javascript 或 php，并且自己尝试了许多功能，但没有任何效果。有人可以帮我解决这个问题吗？

谢谢

<form action="PPPaymentForm/PPPaymentForm.php" method="post" name="topchoiceform" id="topchoiceform">
  <input placeholder="Company Name" type="text" name="companyname" required>
  <input placeholder="First Name" type="text" name="firstname" required>
  <input placeholder="Last Name" type="text" name="lastname" required>
  <input placeholder="Email" type="email" name="email" required>
  <input placeholder="Address" type="text" name="address" required>
  <input type="checkbox" id="shipping" name='shipping' />$optional Shipping($19.99)
  <button name="submit" type="submit">Pay Now</button>

  <input type="hidden" name="hdwtablename" id="hdwtablename" value="1">
  <input type="hidden" name="hdwppproductname" id="hdwppproductname" value="Basic 175 Plan">
  <input type="hidden" name="hdwppamount" id="hdwppamount" value="175">
  <input type="hidden" name="hdwppcurrency" id="hdwppcurrency" value="USD">
  <input type="hidden" name="hdwpplanguage" id="hdwpplanguage" value="en_US">
  <input type="hidden" name="hdwok" id="hdwok" value="">
  <input type="hidden" name="hdwemail" id="hdwemail" value="email+gmail.com">
  <input type="hidden" name="hdwnook" id="hdwnook" value="http://">
  <input type="hidden" name="hdwactivation_email" id="hdwactivation_email" value="email">
</form>

【参考方案1】：

首先，我们检测运输复选框何时更改，然后我们检查它是否处于选中状态。如果它处于选中状态，我们将运费添加到隐藏文本框中。如果用户改变了对运输的想法，我们还需要重置该值，因此您需要一个基本的 IF ELSE 条件。

试试这个：

$('#shipping').change(function()
    var hdwppamount = Number($("#hdwppamount").val())
    var shippingcost = 19.99;

     if (this.checked) 
        $("#hdwppamount").val(hdwppamount+shippingcost)
      else 
        $("#hdwppamount").val(hdwppamount-shippingcost)
     
)

JSFiddle：https://jsfiddle.net/rdawkins/8qrm3mf1/14/

【讨论】：

成功了，非常感谢！

很高兴我能帮上忙！如果它对您有用，请接受答案；）

嘿布鲁诺，再次感谢您的帮助。我再次需要你的帮助。所以计算很好，但我现在需要一个解决方法。我现在需要的是一种方法，当一个人选择可选的运输方式时，它会在订单摘要贝宝页面中显示运费，与产品价格分开。因此，现在不仅显示价格和运费的计算金额，它们现在将与价格设置（在本例中为 175 美元）和运费为 19.99 美元分开，两者的商品总额（194.99 美元）希望你可以帮忙:)

向我们展示您的尝试。该站点用于故障排除，而不是让人们编写您的代码。此外，如果它解决了您的原始问题，请通过单击复选标记箭头接受答案。

嗨布鲁诺，我尝试了一些不同的场景和技术，但无法实现这一点，幸运的是这实际上不再需要。非常感谢你的帮助。我将继续尝试，看看我是否可以自己实现这一目标。谢谢