将来自 javascript 阵列的信息放入 html 复选框

Question

我正在尝试创建一个测试，看看有人需要什么足球鞋。 我有一个 javascript 数组，我想把它放在一个循环中，以便它为数组中的每个问题创建一个 html 复选框。

我的数组：

    var FootballShoeTest = [
        [
            'Whats your size?',
            ['41', 'url1'],
            ['42', 'url2'],
            ['43', 'url3']
        ],
        [
            'What color would you like?',
            ['Red', 'url1'],
            ['Blue', 'url2'],
            ['Yellow', 'url3'],
            ['Green', 'url4']
        ],
        [
            'What brand would you like?',
            ['Adidas', 'url1'],
            ['Nike', 'url2'],
            ['Puma', 'url3']
        ]
    ];

    var SizeUrl = '';
    var ColorUrl = '';
    var BrandUrl = '';

我需要创建多个输入测验，例如如下所示的问题：

What's your size?
[ ] 41
[ ] 42
[ ] 43

What color would you like?
[ ] Red
[ ] Blue
[ ] Yellow
[ ] Green

What brand would you like?
[ ] Adidas
[ ] Nike 
[ ] Puma

当我单击适合我尺寸的遮阳篷时，我希望变量 SizeUrl 更改为属于遮阳篷的 url（因此当我单击 42 时，它将更改为 url2），其他问题也同样重要。 有人知道这样做的方法吗？