打印给用户的单选按钮值的总和

Question

我对 html 很陌生。

我有一个包含两个问题的调查，其中问题选项使用单选按钮显示，如 html 代码所示：

<form>
    <p id="description">1. Question 1?</p>
    <p>
        <label><input type="radio" name="q1" value="5" /> Yes</label>
        <label><input type="radio" name="q1" value="0" /> No</label>
    </p>
    <p id="description">2. Question 2?</p>
    <p>
        <label><input type="radio" name="q2" value="5" /> Yes</label>
        <label><input type="radio" name="q2" value="0" /> No</label>
    </p>
</form>

我想向用户打印他的两个选择的总和。

所以输出可能是“你的分数是 10”。如果他对这两个问题等的回答都是肯定的

如何以最简单的方式将代码与上面的 html 代码放在同一页面上？这可能吗？

Answer 1

var question1Answers = document.getElementsByName('q1');
var question2Answers = document.getElementsByName('q2');
var answer = 0;

question1Answers.forEach((e) => {
    if (e.checked) {
        answer += e.value;
        break;
    }
});

question2Answers.forEach((e) => {
    if (e.checked) {
        answer += e.value;
        break;
    }
});

console.log(answer);

Answer 2

请试试这个：

$("input[type='button']").click(function () {
  var score = getChecklistItems();
  alert("You score is : " + score);
});

function getChecklistItems() {
  var total_score = 0
  var result = $("input:radio:checked").get();
  var checked_value = $.map(result, function (element) {
    return $(element).attr("value");
  });
  for (i = 0; i < checked_value.length; i++) {
    total_score += parseInt(checked_value[i])
  }
  return total_score
}

<form>
  <p id="description">1. Question 1?</p>
  <p>
    <label><input type="radio" name="q1" value="5" /> Yes</label>
    <label><input type="radio" name="q1" value="0" /> No</label>
  </p>
  <p id="description">2. Question 2?</p>
  <p>
    <label><input type="radio" name="q2" value="5" /> Yes</label>
    <label><input type="radio" name="q2" value="0" /> No</label>
  </p>
  <p><input type="button" value="Submit"></p>
</form>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

打印给用户的单选按钮值的总和

Sum of Radio button values printed to the user

html

javascript

radio-button