动态添加单选按钮标签- JavaScript

// 创建单选按钮的函数
function createRadioButton(parentId, id, name, value, label) {
  // 获取父元素
  var parent = document.getElementById(parentId);
  
  // 创建容器元素
  var container = document.createElement("div");
  
  // 创建单选按钮元素
  var radioButton = document.createElement("input");
  radioButton.type = "radio";
  radioButton.id = id;
  radioButton.name = name;
  radioButton.value = value;

  // 创建标签元素
  var radioButtonLabel = document.createElement("label");
  radioButtonLabel.innerHTML = label;

  // 将单选按钮和标签添加到容器元素中
  container.appendChild(radioButton);
  container.appendChild(radioButtonLabel);

  // 将容器元素添加到父元素中
  parent.appendChild(container);
}

// 在id为"radioButtonContainer"的父元素中添加单选按钮
createRadioButton("radioButtonContainer", "radioButton1", "group", "option1", "Option 1");
createRadioButton("radioButtonContainer", "radioButton2", "group", "option2", "Option 2");