将javascript放入html标签标签中

Putting javascript inside html label tags

本文关键字：标签 html 放入 javascript      更新时间：2023-09-26

我是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>

我很可能是完全错误的轨道，但任何帮助将不胜感激!

您可以获取标签并将其内容设置为

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>

解决这个问题的一个常见而简单的方法是将您想要放置文本的项目分配到id中，例如#label_q1b。然后改成.innerText:

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

然后在document.write以外的最后一行做:

document.getElementById("label_q1b").innerText = array;
<<p> 小提琴例子/strong>

你可以在标签中运行你的JavaScript代码，如下所示:

<label>
<script>
document.write("test");
</script>
</label>
相关文章：