如何在Javascript中添加单选按钮组?

如何在Javascript中添加单选按钮组?,javascript,Javascript,在我的代码中,我只显示了5个问题。我不知道如何为每个问题插入一组答案的单选按钮。帮忙 (我已经在java上完成了,但我无法将其转换为javascript。我是新手:|) 提前感谢您可以通过DOM创建“输入”元素来创建单选选项 var ans1 = ["answer","answer","answer","answer"]; var ans2 = ["answer","answer","answer","answer"]; var ans3 = ["answer","answer","answer

在我的代码中,我只显示了5个问题。我不知道如何为每个问题插入一组答案的单选按钮。帮忙

(我已经在java上完成了,但我无法将其转换为javascript。我是新手:|)
提前感谢

您可以通过DOM创建“输入”元素来创建单选选项

var ans1 = ["answer","answer","answer","answer"];
var ans2 = ["answer","answer","answer","answer"];
var ans3 = ["answer","answer","answer","answer"];
var ans4 = ["answer","answer","answer","answer"];
var ans5 = ["answer","answer","answer","answer"];
var questions = ["q1", "q2", "q3", "q4", "q5"];
通过设置type属性,可以进行无线电类型输入

var input = document.createElement("input");
您还可以设置输入的值

input.type = "radio";

这里有一把小提琴,让我们仔细看看:

我们可以将答案保存在二维数组中。这样我们就可以避免使用eval方法。第一个循环是关于问题,第二个循环是关于答案。 您可以尝试以下方法:

input.value = ans1[0];
var ans1=[“回答”、“回答”、“回答”、“回答”];
var ans2=[“回答”、“回答”、“回答”、“回答”];
var ans3=[“回答”、“回答”、“回答”、“回答”];
var ans4=[“回答”、“回答”、“回答”、“回答”];
var ans5=[“回答”、“回答”、“回答”、“回答”];
风险值问题=[“第一季度”、“第二季度”、“第三季度”、“第四季度”、“第五季度];
对于(var x=0;x
可能重复感谢!(它变成了一个复选框,但我解决了它)另一个问题,我如何才能选中单选按钮?对不起,更新了它。现在是广播箱。radio.name='answer'+i;需要是radio.name='answer'+数字;你的另一个问题不清楚。是否要使用Javascript获取所选的无线电值?抱歉。是,这样我就可以检查答案是否正确。document.querySelector('input[name=“answer5”]:checked')。该值将为您提供所选的单选值。
input.value = ans1[0];
var ans1 = ["answer","answer","answer","answer"];
var ans2 = ["answer","answer","answer","answer"];
var ans3 = ["answer","answer","answer","answer"];
var ans4 = ["answer","answer","answer","answer"];
var ans5 = ["answer","answer","answer","answer"];
var questions = ["q1", "q2", "q3", "q4", "q5"];

for (var x = 0; x < questions.length; x++)
{
    var number = x + 1;
    newp = document.createElement("p");
    newp.appendChild(document.createTextNode((number) + ". " + questions[x]));
    newp.appendChild(document.createElement('br'));
    var thisAnswers = eval('ans' + number);
    for(i in thisAnswers){
      var ans = thisAnswers[i];
      var label = document.createElement("label");
      var radio = document.createElement("input");
      radio.type  = "radio";
      radio.name  = 'answer' + number;
      radio.value = ans;
      label.appendChild(radio);
      label.appendChild(document.createTextNode(ans));
      newp.appendChild(label);
    }
    document.getElementById("q").appendChild(newp);
}