**
При просмотре этот код создает (2) вопроса с (4) возможными ответами на каждый вопрос. Рядом с каждым возможным ответом стоит флажок. Прямо сейчас каждый флажок имеет значение false, но я хотел бы привязать значение каждого флажка к возможному ответу рядом с ним.
Любые идеи?
**
JavaScript ------------------------------------------------- ------------------
//JavaScript Quiz
//Questions and answers - multi-dimensional array.
var quizBank = [
["What object runs code continously until an exit condition is met?", "Loop", "Array","Function","Object"],
["Inside which HTML element do we put JavaScript?","javascript",
"js","scripting","script"]
];
//Adds ordered list, list items, and check-boxes. Iterates through array questions and answers.
function printQuiz(quiz) {
var check = "<input type='checkbox' id= 'response' name='response' label='response'>";
var listHTML = "<ol>"
for(i = 0; i < quiz.length; i++){
listHTML += "<li>" + (i + 1) +": " + quiz[i][0] + "</li>" +
"<li>" + check + quiz[i][1] + "</li>" +
"<li>" + check + quiz[i][2] + "</li>" +
"<li>" + check + quiz[i][3] + "</li>" +
"<li>" + check + quiz[i][4] + "</li>";
}
listHTML += "<ol>";
return listHTML;
}
//prints printQuiz function to document
document.getElementById("quiz").innerHTML = printQuiz(quizBank);
/* Accessing the values of the checkboxes */
/* First get the ol's li elements under #quiz */
var listItems = document.getElementById("quiz").childNodes[0].childNodes;
/* Iterate through them and look inside for the input */
listItems.forEach(function(element) {
if (element.childNodes.length > 1) {
// of the li's who have more than 1 child nodes, the first child node is the checkbox input.
var checkbox = element.childNodes[0];
console.info(checkbox.checked);
});
HTML ------------------------------------------------- ----------------------------
<div>
<h1>
Quiz: Programming Concepts
</h1>
<div id = "quiz"></div>
</div>
CSS ------------------------------------------------- -----------------------------
li {
display: block;
margin: 1em;
}



![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)


Я думаю, все, что вам нужно сделать, это добавить атрибут "значение" к вашему элементу ввода, значение которого будет ответом, соответствующим этому флажку ... (См. https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox)
Итак, я подумал о чем-то вроде: проверка функции (значение) {return "<input type = 'checkbox' value = '+ value +"' name = 'response'> "
Итак, я подумал о чем-то вроде: function check(value) { return "<input type='checkbox' value=' + value + "' name='response'>" } function printQuiz(quiz) { for (i=0; i < quiz.length; i++ ) { listItem += "<li>" + check(quiz[i][1]) + quiz[i][1] + "</li>"; } return listItem; }
Я ищу способ «динамически» добавлять уникальные значения к каждому динамически сгенерированному флажку.