HTML 和 JavaScript：不同的值取决于单选按钮

Question

我有一个很简单的问题，但我在网上找不到答案，所以现在我会在这里问。 我希望有人能帮帮忙。
我有 2 个问题，在每个问题下方，我有一组单选按钮，每个按钮有 3 个按钮：“Enig”、“Neutral”或“Uenig”。 我想为每个选项分配 1、0 或 -1 的值，并根据选择的内容给出问题或将该值分组。
这适用于两组单选按钮。
最后，当按下按钮时，我想显示 2 个问题 (q1+q2) 的总分。
我真的希望有人知道如何做到这一点，这真的会很有帮助！

Answer 1

好吧，在我看来，您应该编写您需要的所有 HTML，然后使用 Javascript，您可以隐藏或显示您想要的任何组或文本。 在最后一页中，您只需使用 Javascript 显示分数。

var totalpoints = 0;
function showOptions() {
    if (document.getElementById('#radio1').checked) {
        //show the group that you want
        document.getElementById('#gruop1').style.display = 'block';
        totalpoints += 1;
    }
    else {
        //do something
    }
}

    document.getElementById("#totalscore").innerHTML = "Final score: " + totalpoints;

Answer 2

 $(function(){ $("#get").click(function(){ var q1 = $("input[name=group1]:checked").val(); var integer = parseInt(q1, 10); var q2 = $("input[name=group2]:checked").val(); var integer2 = parseInt(q2, 10); var sum = integer + integer2; alert(sum) $("#result").html("You have selected " +sum); }); });

 label { display : block; margin-bottom : 5px; } #result { margin-top : 10px; }

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <h1> group 1 </h1> <label> <input type="radio" name="group1" value="1"> 1 </label> <label> <input type="radio" name="group1" value="2"> 2 </label> <label> <input type="radio" name="group1" value="3"> 3 </label> <label> <input type="radio" name="group1" value="4"> 4 </label> <br> <h1> group2 </h1> <label> <input type="radio" name="group2" value="1"> 1 </label> <label> <input type="radio" name="group2" value="2"> 2 </label> <label> <input type="radio" name="group2" value="3"> 3 </label> <label> <input type="radio" name="group2" value="4"> 4 </label> <button id="get"> Get the checked value </button> <div id="result"> </div>