PHP顯示和同一頁面上的總價格

Question

我一直在尋找一種方法來加總單選按鈕的總和並在php的同一頁上回顯該總和。 有沒有辦法做到這一點？ 我包括了我正在看的圖像。

這是到目前為止我提出的代碼：

的PHP

<?php
$prod1 = "10";
$prod2 = "20";
$prod3 = "30";
?>


<form action="">
<input type="radio" name="prod1" value="<?=$prod1?>">$10 product 1<br>
<input type="radio" name="prod2" value="<?=$prod2?>">$20 product 2<br>
<input type="radio" name="prod3" value="<?=$prod3?>">$30 product 3
</form>

<!-- This is where the total shows live upon radio check -->
<?php
echo ="$total"
?>

我是新手，因此不會發布圖片，這是我的圖片的鏈接：

Answer 1

工作實例

您需要一個將要存在總計的元素，以及一種識別這些輸入的方法。 我使用的input不是很具體； 如果您需要進行其他操作，則可能需要更改此設置。

我將change綁定到表單（我給了id products ），因為在輸入上進行的更改事件將冒泡到表單，並且我們需要在整個表單中搜索所有輸入，因此不必遍歷，如果函數綁定到輸入字段，則需要執行此操作。

然后，只需簡單地更改表單中的內容，即可將選中元素的值相加。 parseFloat()是因為這些值是字符串，並且最終以“ 102030”結尾，而您真正想要的是“ 60”。

的HTML

<form action="" id="products">
    <label><input type="radio" name="prod1" value="10" />$10 product 1</label>
    <br />
    <label><input type="radio" name="prod2" value="20" />$20 product 2</label>
    <br />
    <label><input type="radio" name="prod3" value="30" />$30 product 3</label>
</form>

<p>Total $<span id="total">0</span></p>

jQuery的

$(function(){
    $('#products').on('change', function(){
        var total = 0;
        $(this).find('input:checked').each(function(){
            total += parseFloat($(this).val());
        });
        $('#total').text(total);
    });
});

順便說一句，如果用戶應該能夠取消選中這些選項，則需要使用<input type="checkbox" ...