Question

我对javascript很新，目前有一项任务是使用随机播放应答选项（使用无线电对象选择答案和随机数组）来制作多项选择题。我已经使用下面的代码成功地制作了一个洗牌阵列。

<script>
var array = ['Coding','programming','debugging','maintenance'];
var i = array.length, j, temp;

while (--i > 0) {


j = Math.floor(Math.random() * (i+1));
temp = array[j];
array[j] = array[i];
array[i] = temp;
}


document.write(array);
</script>

但是，我无法弄清楚如何获取数组的输出并将其放在推荐给我的html代码中，以便选择单选按钮。

<input type="radio" name="q1" id="q1a"/>
<label for="q1b">'array 1 option would go here'</label>

我很可能会走上完全错误的轨道，但任何帮助都会受到赞赏！

Answer 1

解决此问题的一种常见而简单的方法是指定要在id中放置文字的项目，例如#label_q1b。然后更改它的.innerText：

<label id="label_q1b" for="q1b"></label>

然后在document.write以外的最后一行中执行：

document.getElementById("label_q1b").innerText = array;

Fiddle Example

Answer 2

您可以获取标签并设置其内容，如

var array = ['Coding', 'programming', 'debugging', 'maintenance'];

var cp = array.slice(0),
  i = 0,
  j;
while (i++ < array.length) {
  var j = Math.floor(Math.random() * cp.length);
  document.querySelector('label[for="q' + (i) + 'b"]').innerHTML = cp[j];
  cp.splice(j, 1);
}

<input type="radio" name="q1" id="q1a" />
<label for="q1b">'array 1 option would go here'</label>
<input type="radio" name="q1" id="q2a" />
<label for="q2b">'array 1 option would go here'</label>
<input type="radio" name="q1" id="q3a" />
<label for="q3b">'array 1 option would go here'</label>
<input type="radio" name="q1" id="q4a" />
<label for="q4b">'array 1 option would go here'</label>

Answer 3

您可以在标签中运行JavaScript代码，如下所示。

<label>
<script>
document.write("test");
</script>
</label>

将javascript放在html标签标签

3 个答案: