我正在尝试使用“运送单选按钮”的值更新 $total_charge
变量,而无需刷新或提交页面。我相信这可以使用 JavaScript 来完成,但我不确定如何做。我正在使用的代码如下。
有什么建议吗?
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<?php
$qty = $_POST["qty"];
$style = $_POST["style"];
$price = $_POST["price"];
$lense = $_POST["lense"];
$lense_chunks = explode("|", $lense);
$tax = .08*(($price+$lense_chunks[1])*$qty);
$total_charge = ($tax + $shipping) + (($price+$lense_chunks[1])*$qty);
?>
</head>
<body>
<p><strong>Price</strong> = <?php echo $price;?> <br />
<strong>QTY</strong> = <?php echo $qty;?>
<br />
<strong>Style</strong> = <?php echo $style;?>
<br />
<strong>Lense</strong> = <?php echo $lense_chunks[0];?>
<br />
<strong>Lense Fee</strong> = <?php echo $lense_chunks[1];?>
<br />
<strong>Tax</strong> = <?php echo $tax;?><br />
<strong>Shipping</strong> = Standard ($5.00)
<label>
<input name="shipping" type="radio" id="RadioGroup1_0" value="5.00" checked="checked" />
</label>
Overnight ($20.00)
<input type="radio" name="shipping" value="20.00" id="RadioGroup1_0" />
<br />
<strong>Total Charge</strong> = <?php echo $total_charge;?>
</p>
</body>
</html>
最佳答案
PHP 是后端,Javascript 是前端。
要更新 $total_charge
,您必须使用新值向您的服务器发送一个 http 请求。
但是对于html页面中的视觉效果,使用javascript
<head>
<?php
$qty = $_POST["qty"];
$style = $_POST["style"];
$price = $_POST["price"];
$lense = $_POST["lense"];
$lense_chunks = explode("|", $lense);
$tax = .08*(($price+$lense_chunks[1])*$qty);
$total_charge = ($tax + $shipping) + (($price+$lense_chunks[1])*$qty);
?>
<script>
function refreshTotalCharge(value){
var tax = <?php echo $tax; ?>;
var shipping = <?php echo $shipping; ?>;
var lense_chunks1 = <?php echo $lense_chunks[1]; ?>;
var qty = <?php echo $qty; ?>;
document.getElementById("totalCharge").innerHTML= (tax + shipping) + ((value + lense_chunks1) * qty);
}
</script>
</head>
<body>
<p>
<strong>Price</strong> = <?php echo $price;?> <br />
<strong>QTY</strong> = <?php echo $qty;?>
<br />
<strong>Style</strong> = <?php echo $style;?>
<br />
<strong>Lense</strong> = <?php echo $lense_chunks[0];?>
<br />
<strong>Lense Fee</strong> = <?php echo $lense_chunks[1];?>
<br />
<strong>Tax</strong> = <?php echo $tax;?><br />
<strong>Shipping</strong> = Standard ($5.00)
<label>
<input name="shipping" type="radio" id="RadioGroup1_0" value="5.00" checked="checked" onClick="refreshTotalCharge(this.value);" />
</label>
Overnight ($20.00)
<input type="radio" name="shipping" value="20.00" id="RadioGroup1_0" onClick="refreshTotalCharge(this.value);"/>
<br />
<strong>Total Charge</strong> = <span id="totalCharge"><?php echo $total_charge;?></span>
</p>
</body>
关于javascript - 根据单选按钮选择自动更新 .php 变量的值,无需提交或刷新,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21172262/