具有相同名称的单选按钮的在线测验

Online quiz with radio buttons having same name

本文关键字：单选按钮 在线      更新时间：2023-09-26

我正在使用Js进行一个简单的测验，问题是我的内部循环（即i）没有按预期工作。

我回答了 3 个问题，每个问题

有 3 个无线电选项，每个问题的选项都有相同的名称。 第一个问题的所有选项都有name='cap'，第二个问题的选项name='an'和第三个问题的选项是name='lang'。

我的js函数如下：

function my(){
  var count=0; 
  var totalQuestions = 3;
  var correctAnswers = 0;
  var alertText;
  var n=["cap","an","lang"];
  var j,i;
  for(j=0; j<n.length; ++j){
    var x = document.getElementsByName('n[j]');
    for(i = 0; i < x.length; ++i){
      if (x[i].checked){
        if (x[i].value == 'true'){
          count=count+10;
          correctAnswers++;
          break;
        }
      }
    }
  }
  if(correctAnswers == totalQuestions){
    alertText = "Congratulations! You got all the questions right!";
  }
  else {
    alertText = "You got " + correctAnswers + " correct answers and score is " + count;
  }
  alert(alertText);
}

替换行

var x = document.getElementsByName('n[j]');

自

var x = document.getElementsByName(n[j]);

这是个问题，因为对于 js getElementsByName('n[y]') 意味着"获取名称为 n[y] 的元素"，但不是列表n的项目，其中包含您需要选择的元素名称。

祝你好运！

var x = document.getElementsByName('n[j]');

应该是

var x = document.getElementsByName(n[j])

getElementsByName 返回与每个文档的名称匹配的所有元素。

问题是您对字符串'n[j]'进行了硬编码，因此它查找名为 'n[j]' 的所有元素。

您实际上想从索引 j 处的数组n中查找名称，因此删除引号实际上会计算该表达式n[j]

将代码从

var x = document.getElementsByName('n[j]');

自 

var x = document.getElementsByName(n[j]);

您现有的代码尝试查找具有name='n[j]'的元素，即：字符串。但是你想要的是计算表达式get the element with the name equal to evaluated value .

相关文章：