Question

我遇到了一个项目的检查功能，该项目包括6个不同答案的输入字段所以我将这些输入与ids input1到input6进行了操作，我需要验证数字的答案：2,3,2,2,4和4。 Input1应该有正确的答案2，input2应该有正确的答案3 ...另外，如果用户在这些字段中输入了错误的答案，他们将通过点击重置按钮重置这些错误的答案。正确答案应保持有效。我创建了一个具有正确答案的数组，但checkanswer()函数仅适用于第一个输入（id =“input1”），并且我需要在所有输入完成后进行验证。另外，我想在验证之后应该返回一个带有输入ID的数组，并输入错误的答案，并且必须在重置函数中添加此数组。

这是我写的所有代码的小提琴：http://jsfiddle.net/usPMd/66/

function checkAnswer(){    
    if(inputTF.value == "2") {        
        resetBtn.disabled = false
        checkBtn.disabled = true;  
        $('.feedback').show();
        updateBubble(3);
    } else {       
        updateBubble(2);
    }
};

Answer 1

您可以按照以下方式执行此操作：

var response= []; // array for storing users responses
function checkAnswer() {
var inputs = document.getElementsByTagName('input');
for (var i = 0; i < inputs.length; i++) {
    if (inputs[i].value == raspunsuri[i]) {
        response.push(raspunsuri[i]); // if right ans, store the ans.
    } else {
        response.push(""); // if wrong ans, store empty string for clearing on reset
    }
  }
};

function reset(){ 
  var inputs = document.getElementsByTagName('input');
  for (var i = 0; i < inputs.length; i++) 
    inputs[i].value = response[i]; /*reset the textboxes from responses array,
                   where right answers are saved and wrong answers are empty strings */
  }

旁注：你的小提琴有错误，它不会运行。

var raspunsuri = new Array["2", "3", "2", "2", "4", "4"]; //is invalid
var raspunsuri = ["2", "3", "2", "2", "4", "4"]; // valid

检查6个输入字段的功能

1 个答案: