使用数组在JavaScript中检查HTML表单

我正在尝试使用JavaScript“标记”一个英语学生可以使用的填补空白的任务。学生将以HTML格式在文本输入字段中输入答案，如果答案正确，答案左侧的一个分区将显示勾号或叉号。我用if语句检查答案。我已经设法让它工作，但只是第一次输入。它不会检查多个输入

这是我为一个输入（但不是多个输入）工作的代码

请键入正确的介词，从左侧列表中选择：



当你走在这条街上时，你可以看到：


“Pret A Manger”是“拱门商场”的入口。


意大利餐厅“L'ulivo”是“Pret A Manger”和“Herman Ze German”。


“拱门商场”的入口处有一个大钟。


“Pret A Manger”，有一家叫“威尔士的价格”的酒吧。


有一个“吃”的箱子。


有一个户外露台“戈登酒馆”。


公共花园里有一家日本餐馆。


星巴克有一家修鞋店。


铁路桥旁有一家水上运动商店和一家小型超市。





功能检查答案（表格）{
var prep1=document.forms[“gapfill1”][“prep1”].value；
var prep2=document.forms[“gapfill1”][“prep2”].value；
var prep3=document.forms[“gapfill1”][“prep3”].value；
var prep4=document.forms[“gapfill1”][“prep4”].value；
var prep5=document.forms[“gapfill1”][“prep5”].value；
var prep6=document.forms[“gapfill1”][“prep6”].value；
var prep7=document.forms[“gapfill1”][“prep7”].value；
var prep8=document.forms[“gapfill1”][“prep8”].value；
var prep9=document.forms[“gapfill1”][“prep9”].value；
var prep10=document.forms[“gapfill1”][“prep10”].value；
var check1=document.getElementById（“check1”）；
var check2=document.getElementById（“check2”）；
var check3=document.getElementById（“check3”）；
var check4=document.getElementById（“check4”）；
var check5=document.getElementById（“check5”）；
var check6=document.getElementById（“check6”）；
var check7=document.getElementById（“check7”）；
var check8=document.getElementById（“check8”）；
var check9=document.getElementById（“check9”）；
var check10=document.getElementById（“check10”）；
如果（prep1！=“和&prep1！=null）{
如果（prep1==“沿”）{
检查1.style.backgroundImage=
“url（'file:////tick.jpg')";
返回false；
检查1.聚焦；
}否则{
检查1.style.backgroundImage=
“url（'file:////cross.jpg')";
返回false；
检查1.聚焦；
}
}else{return false；check1.focus；}
如果（prep2！=“和&prep2！=null）{
如果（prep2==“相反”）{
检查2.style.backgroundImage=
“url（'file:////tick.jpg')";
返回false；
检查2.焦点；
}否则{
检查2.style.backgroundImage=
“url（'file:////cross.jpg')";
返回false；
检查2.焦点；
}
}else{return false；check2.focus；}
如果（prep3！=“和&prep3！=null）{
如果（prep3==“中间”）{
检查3.style.backgroundImage=
“url（'file:////tick.jpg')";
返回false；
检查3.焦点；
}否则{
检查3.style.backgroundImage=
“url（'file:////cross.jpg')";
返回false；
检查3.焦点；
}
}else{return false；check3.focus；}
}

我尝试使用数组来保存用户输入，更正答案，并抓取每个分区来更改背景图片：

<script type="text/javascript">


    function checkAnswers(form) {
        var answers = new Array(10);
        answers[0] = "along";
        answers[1] = "opposite";
        answers[2] = "between";
        answers[3] = "above";
        answers[4] = "to the left of";
        answers[5] = "in front of";
        answers[6] = "to the right of";
        answers[7] = "opposite";
        answers[8] = "next to";
        answers[9] = "under";

        var uInput = new Array(10);
        uInput[0] = document.forms["gapfill1"]["prep1"].value;;
        uInput[1] = document.forms["gapfill1"]["prep2"].value;
        uInput[2] = document.forms["gapfill1"]["prep3"].value;
        uInput[3] = document.forms["gapfill1"]["prep4"].value;
        uInput[4] = document.forms["gapfill1"]["prep5"].value;
        uInput[5] = document.forms["gapfill1"]["prep6"].value;
        uInput[6] = document.forms["gapfill1"]["prep7"].value;
        uInput[7] = document.forms["gapfill1"]["prep8"].value;
        uInput[8] = document.forms["gapfill1"]["prep9"].value;
        uInput[9] = document.forms["gapfill1"]["prep10"].value;

        var marker = new Array(10);
        marker[0] = document.getElementById("check1");
        marker[1] = document.getElementById("check2");
        marker[2] = document.getElementById("check3");
        marker[3] = document.getElementById("check4");
        marker[4] = document.getElementById("check5");
        marker[5] = document.getElementById("check6");
        marker[6] = document.getElementById("check7");
        marker[7] = document.getElementById("check8");
        marker[8] = document.getElementById("check9");
        marker[9] = document.getElementById("check10");

        for (var i = 0; i < answers.length; i++) {   
            if (uInput[i] != "" && uInput[i] != null) {
                if (uInput[i] == answers[i]) {
                    marker[i].style.backgroundImage=
                        "url('file:///<file address>/tick.jpg')";
                    return false;
                    marker[i].focus;
                } else {
                    marker[i].style.backgroundImage=
                        "url('file:///<file address>/cross.jpg')";
                    return false;
                    marker[i].focus;
                }
            } else {return false; marker[i].focus;}
         }

    }

功能检查答案（表格）{
var answers=新数组（10）；
回答[0]=“沿”；
答案[1]=“相反”；
答案[2]=“介于之间”；
答案[3]=“以上”；
答案[4]=“在……的左边”；
答案[5]=“在前面”；
答案[6]=“在……的右边”；
答案[7]=“相反”；
答案[8]=“旁边”；
答案[9]=“在下”；
var uInput=新数组（10）；
uInput[0]=document.forms[“gapfill1”][“prep1”].value；；
uInput[1]=document.forms[“gapfill1”][“prep2”].value；
uInput[2]=document.forms[“gapfill1”][“prep3”].value；
uInput[3]=document.forms[“gapfill1”][“prep4”].value；
uInput[4]=document.forms[“gapfill1”][“prep5”].value；
uInput[5]=document.forms[“gapfill1”][“prep6”]值；
uInput[6]=document.forms[“gapfill1”][“prep7”]值；
uInput[7]=document.forms[“gapfill1”][“prep8”].value；
uInput[8]=document.forms[“gapfill1”][“prep9”].value；
uInput[9]=document.forms[“gapfill1”][“prep10”].value；
var标记=新数组（10）；
标记[0]=document.getElementById（“check1”）；
marker[1]=document.getElementById（“check2”）；
marker[2]=document.getElementById（“check3”）；
marker[3]=document.getElementById（“check4”）；
marker[4]=document.getElementById（“check5”）；
marker[5]=document.getElementById（“check6”）；
marker[6]=document.getElementById（“check7”）；
marker[7]=document.getElementById（“check8”）；
marker[8]=document.getElementById（“check9”）；
marker[9]=document.getElementById（“check10”）；
<script type="text/javascript">


    function checkAnswers(form) {
        var answers = new Array(10);
        answers[0] = "along";
        answers[1] = "opposite";
        answers[2] = "between";
        answers[3] = "above";
        answers[4] = "to the left of";
        answers[5] = "in front of";
        answers[6] = "to the right of";
        answers[7] = "opposite";
        answers[8] = "next to";
        answers[9] = "under";

        var uInput = new Array(10);
        uInput[0] = document.forms["gapfill1"]["prep1"].value;;
        uInput[1] = document.forms["gapfill1"]["prep2"].value;
        uInput[2] = document.forms["gapfill1"]["prep3"].value;
        uInput[3] = document.forms["gapfill1"]["prep4"].value;
        uInput[4] = document.forms["gapfill1"]["prep5"].value;
        uInput[5] = document.forms["gapfill1"]["prep6"].value;
        uInput[6] = document.forms["gapfill1"]["prep7"].value;
        uInput[7] = document.forms["gapfill1"]["prep8"].value;
        uInput[8] = document.forms["gapfill1"]["prep9"].value;
        uInput[9] = document.forms["gapfill1"]["prep10"].value;

        var marker = new Array(10);
        marker[0] = document.getElementById("check1");
        marker[1] = document.getElementById("check2");
        marker[2] = document.getElementById("check3");
        marker[3] = document.getElementById("check4");
        marker[4] = document.getElementById("check5");
        marker[5] = document.getElementById("check6");
        marker[6] = document.getElementById("check7");
        marker[7] = document.getElementById("check8");
        marker[8] = document.getElementById("check9");
        marker[9] = document.getElementById("check10");

        for (var i = 0; i < answers.length; i++) {   
            if (uInput[i] != "" && uInput[i] != null) {
                if (uInput[i] == answers[i]) {
                    marker[i].style.backgroundImage=
                        "url('file:///<file address>/tick.jpg')";
                    return false;
                    marker[i].focus;
                } else {
                    marker[i].style.backgroundImage=
                        "url('file:///<file address>/cross.jpg')";
                    return false;
                    marker[i].focus;
                }
            } else {return false; marker[i].focus;}
         }

    }