从不同的单选按钮组获取单选按钮标签并追加到分区

<div>
  <h3>单选按钮组1：</h3>
  <input type="radio" name="group1" id="option1" value="选项1">
  <label for="option1">选项1</label>
  <input type="radio" name="group1" id="option2" value="选项2">
  <label for="option2">选项2</label>
</div>

<div>
  <h3>单选按钮组2：</h3>
  <input type="radio" name="group2" id="option3" value="选项3">
  <label for="option3">选项3</label>
  <input type="radio" name="group2" id="option4" value="选项4">
  <label for="option4">选项4</label>
</div>

<div id="result">
  <h3>选中的单选按钮标签：</h3>
</div>

// 获取单选按钮组1的选中值
var group1 = document.getElementsByName("group1");
var selectedValue1 = "";
for (var i = 0; i < group1.length; i++) {
  if (group1[i].checked) {
    selectedValue1 = group1[i].value;
    break;
  }
}

// 获取单选按钮组2的选中值
var group2 = document.getElementsByName("group2");
var selectedValue2 = "";
for (var i = 0; i < group2.length; i++) {
  if (group2[i].checked) {
    selectedValue2 = group2[i].value;
    break;
  }
}

// 将选中的单选按钮标签追加到分区
var resultDiv = document.getElementById("result");
resultDiv.innerHTML += "<p>单选按钮组1选中的标签：" + selectedValue1 + "</p>";
resultDiv.innerHTML += "<p>单选按钮组2选中的标签：" + selectedValue2 + "</p>";