Javascript 使用标签生成单选按钮

我正在尝试从选择列表中选择项目并生成一个单选列表

假设我在列表中有以下选项：

abc 轻而快地擦掉 我想将它们打印在一个广播列表中，如下所示：

(radiobutton1) abc  
(radiobutton2) dab

(radiobutton1)(radiobutton2) abc dab

但现在我得到的结果是：

(radiobutton1) abc  
(radiobutton2) dab

(radiobutton1)(radiobutton2) abc dab

这是我的密码：

HTML

和Javascript：

function btn2Click() {
    var SelectedItems = document.getElementById("MyList");  
    var i;
    for (i = 0; i < SelectedItems.length; i++) 
    {
        if(SelectedItems.options[i].selected)
        {
        var RadioSelect = document.createElement("INPUT");
        RadioSelect.setAttribute("type", "radio");
        var RadioText = document.createTextNode(SelectedItems.options[i].text+'\n');
        RadioSelect.appendChild(RadioText);
        document.getElementById("MyRadio").appendChild(RadioSelect);
        document.getElementById("MyLabel").appendChild(RadioText);
        }
    }
}

标签使用for属性。for属性需要引用无线电输入的id

if(SelectedItems.options[i].selected)
{
    var RadioSelect = document.createElement("INPUT");
    RadioSelect.setAttribute("type", "radio");
    var RadioText = document.createTextNode(SelectedItems.options[i].text+'\n');
    document.getElementById("MyRadio").appendChild(RadioSelect);
    document.getElementById("MyLabel").appendChild(RadioText);
}

将标签html更改为：

<label id="MyLabel" for="MyRadio" multiple></label>

像这样的

HTML

JS

---

你能用你想要的输出发布HTML吗。另外，请注意，尽管您有jQuery，但您并没有真正使用它。没有无线电标签这样的东西。它的输入类型=单选。另外，使用标签的for属性将其指定给单选按钮。不要忘记OP的标签。

<div id="myRadioButtons" />

var html='';
$.each(['apply', 'pear', 'peach', 'lime'], function (i, v){
     html += "<input type='radio'/>" + v + '<br/>';    
});
$('#myRadioButtons').append(html);