Question

我正在构建一个简单的测验来学习javascript ...

以下是我希望如何处理答案的简单模型demo
当我的Qs＆amp; As数组采用这种格式时，这适用于 - ＆gt;

allButtons = [["Milk", "Butter", "Cheese"],["Water", "Beer", "Wine"]];

我想了解这一特定部分 - ＆gt;

$(allButtons[index]).each(function (i) {
answers += '<input type="radio" name="group1' + '" value="' + allButtons[index][i] + '">' + allButtons[index][i] + '<br>'
});

并将其应用于此示例here
因为这是我最初我的Qs＆amp; As设置的方式，阵列的格式不同 - ＆gt;
allButtons = [[Questions...][PossibleAnswers...][Answers]]
我已经给了它一个但不成功的

那么我如何使用这种不同的Q＆amp; A数组格式做同样的事情？

PS。我可以改变我的格式，但首先我想先探讨一下。

Answer 1

为什么在$ .each中使用index2？

它也应该是[i]索引而不是{i}

$("#up").on("click", function () {
    var answers = '';
    $(allButtons[1][index]).each(function (i) {
        answers += '<input type="radio" name="group1' + '" value="' + allButtons[1][index][i] + '">' + allButtons[1][index][i] + '<br>'
    });

    $("#answers").hide(); //required to show it slowly 
    $("#answers").html(answers); //show my answers 
    $("#answers").show('slow'); //slowly fade in Answers 

    index += 1;

});

这是你在找什么？

Answer 2

仅供我参考，并略有相关

尝试获取此处选择的单选按钮的值...

http://jsfiddle.net/HumYx/2/ - 这有效但我可能不得不改变我的单选按钮的编写方式以获得正确的索引这需要改变

$(allButtons[1][index]).each(function (i) {
answers += '<input type="radio" name="group1' + '" value="' + allButtons[1][index][i] + '">' + allButtons[1][index][i] + '<br>'
});

将其更改为此功能，这就是我想要的

$(allButtons[1][index]).each(function (i) {
answers += '<input type="radio" name="group1' + '" value="' + i + '">' + allButtons[1][index][i] + '<br>'
});

http://jsfiddle.net/HumYx/3/ - 注意a和b现在按照我们想要的方式工作，这样就可以正常工作了，c和d来自前一个

JQuery +从数组中为html创建单选按钮

2 个答案: