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

【问题标题】：HTML and JavaScript: different values depending on the radio buttonHTML 和 JavaScript：不同的值取决于单选按钮
【发布时间】：2019-12-04 13:12:31
【问题描述】：

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

【问题讨论】：

标签： javascript html radio-button var radio-group

【解决方案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;

【讨论】：

【解决方案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>

【讨论】：