Question

我正在尝试使用数组更新userPoints文本框。

var points = new Array();    
points[0] = [10];
points[1] = [15];
points[2] = [5];
points[3] = [10];
points[4] = [15];
points[5] = [10];
points[6] = [15];
points[7] = [10];
points[8] = [15];
points[9] = [15];  

function rightOrWrongAnswer(){
    $("#choiceSelector > ol > li").click(function() {
        // for userChoice when they click, turn it into text
        var userChoice = $(this).text();

        // userChoice equals answers    
        if(userChoice == answers[count]){

            // change that answer to green
            $(this).css("color", "green");

我认为这是下面这一行的问题。

// update the points box
userPoints += points[0];

或者可能是我在这里更新文本框

        $("#userPoints").val(points[count]);
    }
});

Answer 1

由于您的points是一个数组数组，您需要通过索引

访问它

// update the points box
userPoints += points[count][0];
$("#userPoints").val(points[count][0]);
$("#totalScore").val(userPoints);

相反，如果您已按照以下方式定义points，则代码将起作用

var points = [ 10, 15, 5, 10, 15, 10, 15, 10, 15, 15 ];
userPoints += points[count];
$("#userPoints").val(points[count]);
$("#totalScore").val(userPoints);

经过一些边界检查后，这是一个工作小提琴

Fiddle

Answer 2

从rightOrWrongAnswer（）

移动跟随块

// move to the next question in counter
            count++;

到

displayNextQuestion（）{

http://jsfiddle.net/devmgs/SL7bP/2/

计算点不在正确的位置再次检查它们这是您的答案转移到下一个问题答案的一个示例。使用警报来检查最新情况。

文本框更新

2 个答案: