Php - 复选框以乘以下拉选项的值?

时间:2017-11-22 06:05:43

标签: javascript php html

我试图将下拉列表的值乘以复选框?

让我们说我有300 usd的选择,然后当我选中复选框时,它将作为乘数,因此值将从300变为600 uds。

以下是网站:www.stanleyproductions.dk/pbr/pbr.html

我不知道php是如何工作的,到目前为止我只知道一些HTML。

提前致谢。

1 个答案:

答案 0 :(得分:0)

根据我的理解,不需要PHP。

您只需要HTML和javascript。

    <select id="pkg" onchange="calculate_total()">
    <option disabled selected value="0">Select packege</option>
    <option value="1">10</option>
    <option value="2">20</option>
    <option value="3">30</option>
    <option value="4">40</option>
</select>
<br>
<b>With extra </b>
<br>
<input type="checkbox" onchange="calculate_total()" id="extra1" value="50">graphics
<br>
<input type="checkbox" onchange="calculate_total()" id="extra2" value="100">underlay Music
<br>
<br>
<b><u>Total</u></b>
<br>
<span id="total_value"></span>
<script>
    function calculate_total() {
        var final_cost = 0;
        //get select box option
        pkg_option = parseInt(document.getElementById("pkg").value);
        //get extra package checkbox

        //graphics
        if (document.getElementById("extra1").checked) {
            final_cost = parseInt(final_cost) + (parseInt(document.getElementById("extra1").value) * pkg_option);
        }

        //music
        if (document.getElementById("extra2").checked) {
            final_cost = parseInt(final_cost) + (parseInt(document.getElementById("extra2").value) * pkg_option);
        }

        document.getElementById("total_value").innerHTML = final_cost;
    }
</script>

这很容易理解。根据你的要求改变。