选中复选框时在窗体上添加一组单选按钮

<input type="checkbox" id="checkbox" onchange="addRadioButtons()">
<div id="radioGroup"></div>

function addRadioButtons() {
  var checkbox = document.getElementById("checkbox");
  var radioGroup = document.getElementById("radioGroup");

  // 清空容器中的内容
  radioGroup.innerHTML = "";

  // 如果复选框被选中，则添加一组单选按钮
  if (checkbox.checked) {
    var radio1 = document.createElement("input");
    radio1.type = "radio";
    radio1.name = "radioGroup";
    radio1.value = "option1";
    radioGroup.appendChild(radio1);

    var label1 = document.createElement("label");
    label1.innerHTML = "Option 1";
    radioGroup.appendChild(label1);

    var radio2 = document.createElement("input");
    radio2.type = "radio";
    radio2.name = "radioGroup";
    radio2.value = "option2";
    radioGroup.appendChild(radio2);

    var label2 = document.createElement("label");
    label2.innerHTML = "Option 2";
    radioGroup.appendChild(label2);

    // 添加更多单选按钮...
  }
}

#radioGroup {
  margin-top: 10px;
}

input[type="radio"] {
  margin-right: 5px;
}