实时计算(2)?

时间:2015-08-19 19:19:29

标签: javascript php html

我最近发布了一个问题here

回答者做得非常好,但现在我正在尝试在我的代码中添加一些内容并且它不起作用,我已经完成了所有可能的调试,但它不会显示总数! 这是我的HTML

<label for ="FIELD7">Would you like Weapons?:  </label>
        <label for="FIELD7">Yes</label>
        <input type="radio"  id="weaponyes" name="FIELD7" value="Yes" onclick="doMath()" checked  data-clicked="no" />
        <label for="FIELD7">No</label>
        <input type="radio" id ="weaponno" name="FIELD7" value="No" />

这是我的jQuery

            function doMath() {
            var basePrice = 15;

            var baseModel = 0;
            var customModel = 5;
            var modelTotal;
            if (document.querySelector('input[name="FIELD6"]:checked').value == "Normal Model") {
                modelTotal = basePrice;
            }
            if (document.querySelector('input[name="FIELD6"]:checked').value == "Workshop Model") {
                modelTotal = customModel;
            }

            var weaponTotal;
            var weapons = 5;
            if(document.querySelector('input[name="FIELD7"]:checked').value == "Yes") {
                weaponTotal = weapons;
            }
            else(document.querySelector('input[name="FIELD7"]:checked').value == "No") {
                weaponTotal = 0;
            }
            var totalPrice = modelTotal + weaponTotal;
            console.log(totalPrice);
            document.getElementById('total').innerHTML = '<span style="color:black">Total Price:' + totalPrice + '</span>';
        }
    </script>

我已经找到了模型部分,我只需要帮助“var weaponTotal;”开始。它将不再显示价格:(

1 个答案:

答案 0 :(得分:0)

您有语法错误。

使用&#34;否则如果&#34;而不是&#34;否则&#34;

else if(document.querySelector('input[name="FIELD7"]:checked').value == "No")

JS:

function doMath() {
    var basePrice = 15;

    var baseModel = 0;
    var customModel = 5;
    var modelTotal;
    if (document.querySelector('input[name="FIELD6"]:checked').value == "Normal Model") {
        modelTotal = basePrice;
    }
    if (document.querySelector('input[name="FIELD6"]:checked').value == "Workshop Model") {
        modelTotal = customModel;
    }

    var weaponTotal;
    var weapons = 5;
    if(document.querySelector('input[name="FIELD7"]:checked').value == "Yes") {
        weaponTotal = weapons;
    }
    else if(document.querySelector('input[name="FIELD7"]:checked').value == "No") {
        weaponTotal = 0;
    }
    var totalPrice = modelTotal + weaponTotal;
    console.log(totalPrice);
    document.getElementById('total').innerHTML = '<span style="color:black">Total Price:' + totalPrice + '</span>';
}