Javascript 如何使用数组动态创建单选按钮？_Javascript_Html

Javascript 如何使用数组动态创建单选按钮？

javascript html

Javascript 如何使用数组动态创建单选按钮？,javascript,html,Javascript,Html,我需要使用给定的字符串数组动态创建单选按钮： var myArray = ['oranges','apples','grapes']; 我已经通过一个数组和一个for循环创建了选择框，但是不能让它为单选按钮工作此外，如果该解决方案是使用JS现代语法编写的，我将不胜感激有什么想法吗？多谢各位编辑：我使用for循环创建了元素： forlet i=0；i

我需要使用给定的字符串数组动态创建单选按钮：

var myArray = ['oranges','apples','grapes'];

我已经通过一个数组和一个for循环创建了选择框，但是不能让它为单选按钮工作

此外，如果该解决方案是使用JS现代语法编写的，我将不胜感激

有什么想法吗？多谢各位

编辑：

我使用for循环创建了元素： forlet i=0；i<果长；i++{var label=document.createElement'label'；label.innerHTML=campus[i]；var input=document.createElement'input'；input.type=checkbox；input.name=fruit[i]；input.value=i；document.getElementById'fruit'.appendChildlabel；document.getElementById'fruit'.appendChildinput；} 尝试检索选定值时： ``` 函数getOption{

    var selects = document.getElementById("fruit");
    var selectOpt = selects.options[selects.selectedIndex].value;
    document.write("You selected: "+ selects);
     }
```

试试这个：

var fruits =  ['oranges','apples','grapes'];

// Dinamically create radio buttons for each element in the fruits array
fruits.forEach((value, index)=> {
    var label = document.createElement('label');
    label.innerHTML = value;
    var input = document.createElement('input');
    input.type = "radio";
    input.name = value;
    input.value = index;
    document.body.appendChild(label);
    document.body.appendChild(input);
});

有没有一种方法可以用for语句实现这一点呢？forlet i=0；i

[html]相关文章推荐

随机文章推荐