Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/429.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何将答案添加到单选按钮?_Javascript - Fatal编程技术网

Javascript 如何将答案添加到单选按钮?

Javascript 如何将答案添加到单选按钮?,javascript,Javascript,如何从数组中导出答案并将其添加到单选按钮 let test=document.querySelector(“#test”); 让问题=[{ 正文:“问题1”, 右:0,, 回答:[‘回答1’、‘回答2’、‘回答3’] }, { 正文:“问题2”, 右:1,, 回答:[‘回答1’、‘回答2’、‘回答3’] }, { 正文:“问题3”, 右:2,, 回答:[‘回答1’、‘回答2’、‘回答3’] }, ]; 设i=1; 对于(让问题的问题){ 设div=document.createElement(

如何从数组中导出答案并将其添加到单选按钮

let test=document.querySelector(“#test”);
让问题=[{
正文:“问题1”,
右:0,,
回答:[‘回答1’、‘回答2’、‘回答3’]
},
{
正文:“问题2”,
右:1,,
回答:[‘回答1’、‘回答2’、‘回答3’]
},
{
正文:“问题3”,
右:2,,
回答:[‘回答1’、‘回答2’、‘回答3’]
},
];
设i=1;
对于(让问题的问题){
设div=document.createElement('div');
测试。儿童(div);
设p=document.createElement('p');
p、 innerHTML=question.text;
儿童组(p);
让form=document.createElement('form');
测试。追加子项(表格);
form.dataset.right=question.right;
设j=0;
对于(让我们回答问题。答案){
让输入=document.createElement('input');
input.type='radio';
input.name=i;
input.dataset.answerNum=j++;
表单。追加子项(输入);
}
i++;
}
let button=document.querySelector(“#button”);
addEventListener('click',function(){
让forms=document.queryselectoral(“#测试表单”);
设计数器=0;
for(让表格的形式){
form.classList.remove('correct');
form.classList.remove('error');
让输入=form.querySelectorAll('input');
for(让输入为输入){
如果(输入。选中){
if(input.dataset.answerNum==form.dataset.right){
form.classList.add('correct');
计数器++;
}否则{
form.classList.add('不正确');
}
打破
}
}
}
如果((计数器>0)| |(计数器<2)){
警报(计数器);
}
});
。正确{
边框:1px纯绿色;
}
.不正确{
边框:1px纯红;
}

文件
检查
检查小提琴:

要将答案添加到无线电输入,我更新了您的代码

var radioHtml = '<input type="radio" name="' + name + '"';
radioHtml += '/>' + answer;

var radioDiv = document.createElement('div');
radioDiv.innerHTML = radioHtml;
    form.appendChild(radioDiv);
var radioHtml=''+答案;
var radioDiv=document.createElement('div');
radioDiv.innerHTML=radioHtml;
表格:附属儿童(radioDiv);;

您可以在for循环的末尾添加
表单。追加(应答)

    for (let answer of question.answers) {
    let input = document.createElement('input');
    input.type = 'radio';
    input.name = i;
    //input.innerHTML = answer;
    input.dataset.answerNum = j++;
    form.appendChild(input);
    form.append(answer);
    }
let test=document.querySelector(“#test”);
让问题=[
{
正文:“问题1”,
右:0,,
回答:[‘回答1’、‘回答2’、‘回答3’]
},
{
正文:“问题2”,
右:1,,
回答:[‘回答1’、‘回答2’、‘回答3’]
},
{
正文:“问题3”,
右:2,,
回答:[‘回答1’、‘回答2’、‘回答3’]
},
];
设i=1;
对于(让问题的问题){
设div=document.createElement('div');
测试。儿童(div);
设p=document.createElement('p');
p、 innerHTML=question.text;
儿童组(p);
让form=document.createElement('form');
测试。追加子项(表格);
form.dataset.right=question.right;
设j=0;
对于(让我们回答问题。答案){
让输入=document.createElement('input');
input.type='radio';
input.name=i;
//input.innerHTML=答案;
input.dataset.answerNum=j++;
表单。追加子项(输入);
形式。附加(答案);
}
i++;
}
let button=document.querySelector(“#button”);
按钮。addEventListener('click',函数(){
让forms=document.queryselectoral(“#测试表单”);
设计数器=0;
for(让表格的形式){
form.classList.remove('correct');
form.classList.remove('error');
让输入=form.querySelectorAll('input');
for(让输入为输入){
如果(输入。选中){
console.log(input.dataset);
if(input.dataset.answerNum==form.dataset.right){
form.classList.add('correct');
计数器++;
}否则{
form.classList.add('不正确');
}
打破
}
}
}
如果((计数器>0)| |(计数器<2)){
警报(计数器);
}
});
。正确{
边框:1px纯绿色;
}
.不正确{
边框:1px纯红;
}

文件
检查