Javascript 选择单选按钮后，如何使用其值动态更新另一个PHP变量

Im目前正在建立一个在线商店，并且Im正在将配送成本整合到结帐页面，以便当用户选择两个单选按钮中的一个时，总价格将更新以反映所选的邮资成本

HTML代码：

你的车 产品 描述 量 价格 增值税 全部的 枕头在此处输入文本-其他信息1 £20.00£4.00£24.00 总计：24.00英镑 头等舱-9.99英镑 二等舱-2.99英镑 £26.99 这可以使用Jquery（一个Javascript框架）来完成。为此，必须在视图页面中包含Jquery框架文件，该文件是用Javascript编写的。在查看页面的底部添加以下代码

<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js"></script>

这将通过单击单选按钮传递单选输入的值来调用add_delivery_cost

在定义“添加交货成本”之前，请将id属性添加到显示总价的中，如下所示。使用此id选择器，我们将更改价格数据

<td colspan='8' align=right style='font-size: 1.2em;' id="total-price-td"> Total: £24.00</td>

现在，单击单选按钮时，价格将发生变化

下面给出了完整的还原HTML代码

你的车 产品 描述 量 价格 增值税 全部的 枕头在此处输入文本-其他信息1 £20.00£4.00£24.00 总计：24.00英镑 头等舱-9.99英镑 二等舱-2.99英镑 £26.99 var price_string=$'total-price'.val； 功能添加\交付\成本{ var delivery_cost=parseFloatval；//转换为浮点值//返回24.00 var price=parseFloatprice_string；//转换为浮点值 var total_price=price+delivery_cost.toFixed2；//将delivery cost添加到price并四舍五入到小数点后2位 var价格=总计：£+总价； $'total-price-td'.htmlprice_html；//将交货成本添加到价格后，使用新值更新总价的'html'内容。 }

---

你能提供一个HTML代码示例吗？嘿，我现在为你添加了我的HTML代码：请不要$result3=mysqli\u query$connection，$sql3两次。。。nor$result4=mysqli\u query$connection，$sql4两次。变量的定义使您可以多次使用相同的值。如果您只打算使用一次值，请不要将其声明为变量$root定义是没有意义的。请不要将面向对象和程序mysqli语法混为一谈。谢谢你，尽管分析我的php代码并不是真正的问题……这完全取决于你在购物车中计算和跟踪值的策略。您可以在浏览器中完成这一切，也可以通过ajax询问服务器。无论哪种方式，您都需要对JavaScript有深入的了解，最好是使用jquery这样的库来轻松地与dom交互。现在，实现js将很困难，因为您没有将表示html与逻辑分开。当您使用大量JavaScript时，您不需要进出php。如果您可以在不进行单一回显或打印的情况下生成html，那么JavaScript就容易多了。

<td colspan='8' align=right style='font-size: 1.2em;' id="total-price-td"> Total: £24.00</td>

<input type="hidden" id="total-price" value="24.00">

    <script>
      var price_string=$('#total-price').val();
      function add_delivery_cost(val){
          var delivery_cost=parseFloat(val);//Converting to float value//Returns  24.00
          var price=parseFloat(price_string);//Converting to float value
          var total_price=(price+delivery_cost).toFixed(2);//Adding delivery cost to price and rounding to 2 decimal points
          var price_html=' Total: £'+total_price;
          $('#total-price-td').html(price_html);//Updating the `html` content of total-price with a new value after adding delivery cost to the price.
      }
  </script>