获取单选框内标签的名称

是指通过编程的方式获取单选框中选中的选项的名称。在前端开发中，可以使用JavaScript来实现这个功能。

一种常见的方法是通过获取单选框元素的父容器，然后遍历所有的单选框元素，判断哪个单选框被选中，进而获取其对应的标签名称。

以下是一个示例代码：

HTML代码：

<div id="radioContainer">
  <input type="radio" name="option" value="option1" id="option1">
  <label for="option1">选项1</label>
  <br>
  <input type="radio" name="option" value="option2" id="option2">
  <label for="option2">选项2</label>
  <br>
  <input type="radio" name="option" value="option3" id="option3">
  <label for="option3">选项3</label>
</div>
<button onclick="getSelectedOption()">获取选中的选项</button>

JavaScript代码：

function getSelectedOption() {
  var radioContainer = document.getElementById("radioContainer");
  var radios = radioContainer.getElementsByTagName("input");
  
  for (var i = 0; i < radios.length; i++) {
    if (radios[i].checked) {
      var label = radioContainer.querySelector('label[for="' + radios[i].id + '"]');
      var selectedOption = label.innerHTML;
      console.log("选中的选项是：" + selectedOption);
      break;
    }
  }
}

在上述代码中，通过getElementById方法获取到父容器radioContainer，然后使用getElementsByTagName方法获取到所有的单选框元素。通过遍历单选框元素，判断哪个单选框被选中，然后使用querySelector方法结合label[for]属性获取到对应的标签元素。最后，通过innerHTML属性获取到标签的文本内容，即为选中的选项的名称。

这是一个简单的示例，实际应用中可能会根据具体情况进行适当的修改和优化。