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

JQuery + creating radiobuttons for html from an array

本文关键字：html 创建 单选按钮 数组 JQuery      更新时间：2023-09-26

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

这是我想要如何处理答案演示
的简单模型这适用于我的Qs&As数组采用这种格式时--> 

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

我试图理解这个特定的部分 ->

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

并将其应用于此示例
因为这就是我最初设置Qs&A的方式，其中数组的格式不同--
>allButtons = [[Questions...][PossibleAnswers...][Answers]]
我已经试了一下，但没有成功

那么，我如何使用这种不同的问答数组格式做同样的事情呢？

附言。我可以改变我的格式，但首先我想先探索一下。

为什么在 $.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;
});

这是你要找的吗？

仅供我参考，略有相关

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

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 现在以这种格式按照我们想要的方式工作，e 从来没有正常工作，C 和 D 来自前一个

相关文章：