Question

我想知道如何基于选择的单选按钮创建一个显示最终结果的按钮。

例如，如果选择“男性”且“ bmi低于18.5”，则答案为“需要轻度训练”。有人可以帮忙吗？

<form>
    Gender:<br/>
    <input type="radio" name="Gender" value="Male"/>Male
    <input type="radio" name="Gender" value="Female"/>Female
    <br/>
    <span id="genderresult"></span>
    <br/>
    Body Mass Index:<br/>
    <select id="bmi" onchange="showChange()">
        <option value="under 18.5">&lt;18.5</option>
        <option value="18.5 to 24.9">18.5-24.9</option>
        <option value="25 to 29">25-29</option>
        <option value="over 30">30+</option>
    </select>
    <br/>
    <span id="bmiresult"></span>
</form>

<script>
    var radioButtons = document.querySelectorAll('input[type=radio]');
    var genderresult = document.getElementById("genderresult");
    var bmiresult = document.getElementById("bmiresult");

    radioButtons.forEach(r=>{
        r.onclick = function(e){
            genderresult.innerHTML = "You are "+r.value;
        }
    });

    function showChange(){
        var bmi = document.getElementById("bmi").value;
        bmiresult.innerHTML = "Your body mass index is "+bmi;

        if(bmi=="over 30"){
            bmiresult.innerHTML += "<br/>Consider losing weight";
        }
    }
</script>

Answer 1

好的，也许我可以提供一种解决方案。您首先要从任何地方进行选择，然后再从单选按钮部分中进行选择。好的，您可以使用仅在选择了一个单选按钮时等待的侦听器。我的意思是，如果写点东西，然后选择单选按钮，您就会知道您在其中写了变量，并且可以选择一个选项。

让我更清楚。我的意思是，您有一个文本字段，然后有一个单选按钮。如果您不写东西，而是选择raddio按钮选项之一，则会显示错误提示；但是，如果您以前写过并且将其保存在尚未定义的变量中，则可以选择raddio按钮并操作输出。

我想知道如何根据选择的单选按钮创建一个显示最终结果的按钮

1 个答案: