Javascript 如何附加一些带有循环的单选按钮并将其环绕在表单元素上？

我有一个数组，我想将这个数组的每个元素作为单选按钮附加到一个特定的DOM中。我的方法是在数组上循环

但是，我想创建一个html

form

元素，用jQuery创建的单选按钮来包装它

表单

开始标签

在数组上循环并附加所有单选按钮

表单

结束标记

表单元素立即打开和关闭，然后跟随循环创建的单选按钮

我认为这是因为JavaScript的异步特性

让arr=[“苹果”、“香蕉”、“番茄酱”、“糖”]；
函数循环附加（元素）{
$（'a'）。追加(`
${elem}您可以使用它大大简化事情：

let arr = ['Apple', 'Banana', 'Tomatoe', 'Sugar'];

$('.a').append('<form name="test"></form>');

for ( var i = 0, l = arr.length; i < l; i++ ) {
    $('form').append(`<label for=${arr[i]}>${arr[i]}</label>
                                    <input type="radio" name="${arr[i]}"></input></br>`);
}

让arr=[“苹果”、“香蕉”、“番茄酱”、“糖”]；
$（'.a'）。追加（'''）；
对于（变量i=0，l=arr.length；i`）；
}
这里有一种方法（在普通javascript中），使用：


循环的…的

document.createElement（）
.setAttribute（）
.textContent
.appendChild

工作示例：


让arr=[‘苹果’、‘香蕉’、‘西红柿’、‘糖’]；
功能添加RadioButtonSForm（arr）{
常量a=document.getElementsByCassName（'a'）[0]；
//构建表单
让form=document.createElement（'form'）；
form.setAttribute（'name'，'test'）；
用于（arr要素）{
//建立标签
让label=document.createElement（'label'）；
label.setAttribute（'for'，元素）；
label.textContent=元素；
表格.附件（标签）；
//构建单选按钮
让radio=document.createElement（'input'）；
setAttribute（'type'，'radio'）；
radio.setAttribute（'name'，元素）；
表格:儿童(电台);；
//创建换行符
让linebreak=document.createElement（'br'）；
表单。追加子项（换行符）；
}
a、 儿童（表格）；
}
addRadioButtonsForm（arr）；

有效，谢谢。既然你似乎对JS有适当的了解：你知道我是如何强制JS在两个语句之间执行循环的吗？@ArgentHo-你能问一个新问题，并在你问题下方的注释中显示你的尝试和
@
我，我会看看我能做些什么来帮助你。