将在Js中创建的单选按钮显示为列表项(垂直列表)

<ul id="radioList"></ul>

var radioList = document.getElementById("radioList");

// 创建单选按钮的选项
var options = ["选项1", "选项2", "选项3"];

// 循环创建单选按钮
for (var i = 0; i < options.length; i++) {
  // 创建单选按钮
  var radioButton = document.createElement("input");
  radioButton.type = "radio";
  radioButton.name = "option";
  radioButton.value = options[i];

  // 创建标签元素用于显示选项文本
  var label = document.createElement("label");
  label.innerHTML = options[i];

  // 创建列表项
  var listItem = document.createElement("li");

  // 将单选按钮和标签添加到列表项中
  listItem.appendChild(radioButton);
  listItem.appendChild(label);

  // 将列表项添加到列表中
  radioList.appendChild(listItem);
}

#radioList li {
  display: block;
  margin-bottom: 10px;
}