遍历对象数组以填充输入字段

Question

我目前正在研究一种 Google 表单的解决方法，它能够将所有输入存储在 cookie 中，以便用户可以在不同的时间继续调查。 目前，我能够存储所有问题（问题是一个对象，其中包含：周围 div 的 id、必需、使用 JSON.stringify() 在 cookie 中的用户输入。我还能够读取和解析得到我的 cookie所有问题对象的数组。

现在我想填写所有字段或检查所有具有值的单选按钮。 我的问题是，内部 for 循环只执行 2 次迭代，但应该执行 18 次。您知道可能出了什么问题吗？

function restoreInputs() {
    // number of stored cookies
    var countCookies = 27;
    console.log(countCookies);
    // iterate through all cookies
    for (var i = 1; i < countCookies + 1; i++) {
        var cookiename = "answer" + i;
        // get content of cookie (is array of objects)
        var answer = checkCookie(cookiename);
        // iterate through content      
        for (var j = 0; j < answer.length; j++) {
            // get value of object
            var val = answer[j].value;
            // get the input field (textarea or radio button)
            var x = document.getElementById(answer[j].n).getElementsByTagName('input');
            // if input is radio, then check the one at position stored in value of object
            if (x[j].type === "radio") {
                x[val].checked = true;
                // if textarea set its value to the one stored in object value
            } else {
                x[j].value = val;
            }
            console.log("j: " + j);
        }

    }
    console.log(i);
}

Answer 1

我找到了解决方案。问题是我忘记了 for 循环，因为 var x = document.getElementById(answer[j].n).getElementsByTagName('input'); 可能返回多个元素。所以这里是解决方案：

function restoreInputs() {
// number of stored cookies
var countCookies = 27;
console.log(countCookies);
// iterate through all cookies
for (var i = 1; i < countCookies + 1; i++) {
    var cookiename = "answer" + i;
    // get content of cookie (is array of objects)
    var answer = checkCookie(cookiename);
    // iterate through content      
    for (var j = 0; j < answer.length; j++) {
        // get value of object
        var val = answer[j].value;
        // get the input field (textarea or radio button)
        var x = document.getElementById(answer[j].n).getElementsByTagName('input');
        // if input is radio, then check the one at position stored in value of object
        for (var k = 0; k < x.length; k++) {

            if (x[k].type === "radio") {

                x[val].checked = true;
                // if textarea set its value to the one stored in object value
            } else {
                x[k].value = val;
            }
        }
        console.log("j: " + j);
    }
}
console.log(i);

}