使用不同的按钮使用javascript计算表单

Calculating form with javascript using different buttons

本文关键字：计算 表单 javascript 按钮      更新时间：2023-09-26

我是HTML和JS的新手。我使用以下脚本创建了一个表单。我有一个用于计算时间的事件处理程序。我似乎无法获得计算表格。如果你们能为我指出正确的方向，那就太好了。谢谢

<script>
function getWaterSystem() {
    var waterSystem;
    var selectedSystem = 0;
    for (var i = 1; i <= 4; i++) {
        waterSystem = document.getElementById("system + i");
        if (waterSystem.checked == true) {
            waterSystem = waterSystem(i).value;
        }
    }
    return waterSystem;
}
function largePlant() {
    var checkbox;
    checkbox = document.getElementById("large");
    if (checkbox(i).checked) {
        checkbox = 1.5;
    }
    else {
        checkbox = "";
    }
    return checkbox;
}
function getSoilType() {
    var soilType;
    var selectedSoil = 0;
    for (var i = 1; i <= 3; i++) {
        soilType = document.getElementById("soil + i");
        if (soilType[i].checked) {
            soilType = soilType[i].value;
        }
    }
    return soilType;
}
function calculateTime() {
    var waterTime = getWaterSystem() * getSoilType() * largePlant();
    alert("The recommended watering time is " + waterTime);
}
</script>

我做了一些调整，看看就知道了，很简单： document.getElementById（"check1"）.checked

<script>
    function getWaterSystem() {
        var waterSystem=0;
        var selectedSystem = 0;
        for (var i = 1; i <= 4; i++) {
            if (document.getElementById("system" + i).checked) {
                reutrn waterSystem = document.getElementById("system" + i).value;
            }
        }
        return waterSystem;
    }
    function largePlant() {
        var checkbox=0;
        if (document.getElementById("large").checked) {
            checkbox = 1.5;
        }
        else {
            checkbox = 0;
        }
        return checkbox;
    }
    function getSoilType() {
        var soilType=0;
        var selectedSoil = 0;
        for (var i = 1; i <= 3; i++) {
            soilType = document.getElementById("soil" + i);
            if (document.getElementById("soil" + i). checked) {
                soilType = document.getElementById("soil" + i).value;
                return soilType;
            }
        }
        return soilType;
    }
    function calculateTime() {
        var waterTime = getWaterSystem() * getSoilType() * largePlant();
        alert("The recommended watering time is " + waterTime);
    }
    </script>

会不会与这两行有关：

waterSystem = document.getElementById("system + i");
soilType = document.getElementById("soil + i");

如果你想定位 #systemX 或 #soilX 的id，其中X是你的一个数字，我var。你应该这样写：

waterSystem = document.getElementById("system" + i);
soilType = document.getElementById("soil" + i);
相关文章：