javascript - 为什么我从两个差异中得到相同的结果？

Question

       <h2>Volume</h2>

        <b>Choose Convert : </b><br><br>
        <input type=radio name=volConvert id="LitToGal" value="LitToGal" checked>Litre To Gallon<br>
        <input type=radio name=volConvert id="GalToLit" value="GalToLit">Gallon To Litre
        <br><br>

        <label>
            <b>Input a data: </b><br>
            <input name="volData" id="inVolData" type="text" size="10">
        </label><br><br>

        <p>
            <input type=button value="Convert" onClick="VolConvert()" />
        </P>

        <h4 id="result"></h4>

    </div>

var 值 = parseFloat(0); var conValue = parseFloat(0);

函数 VolConvert() {

if (document.getElementById("LitToGal")) {

    var inputData = parseFloat(document.getElementById("inVolData").value);
    value = (inputData * 16.52);

} else if (document.getElementById("GalToLit")) {

    var inputData = parseFloat(document.getElementById("inVolData").value);
    value = (inputData * 113.50);
}

var conValue = value.toFixed(2);;

resultmessage = ("The converted value: " + conValue);
document.getElementById("result").innerHTML = resultmessage;

}

Answer 1

您需要比较“已检查”值

function VolConvert() {

if (document.getElementById("LitToGal").checked) {

    var inputData = parseFloat(document.getElementById("inVolData").value);
    value = (inputData * 16.52);

} else if (document.getElementById("GalToLit").checked) {

    var inputData = parseFloat(document.getElementById("inVolData").value);
    value = (inputData * 113.50);
}

var conValue = value.toFixed(2);;

resultmessage = ("The converted value: " + conValue);
document.getElementById("result").innerHTML = resultmessage;
}