如何以数字形式获取单选按钮值

获取单选按钮的值可以通过以下步骤实现：

首先，为每个单选按钮设置一个唯一的标识符（ID）。
使用HTML和CSS创建单选按钮组，并为每个单选按钮设置相同的名称（name），以便它们可以被视为一组。
使用JavaScript来获取选中的单选按钮的值。

以下是一个示例代码：

HTML代码：

<form>
  <input type="radio" id="option1" name="radioGroup" value="option1">
  <label for="option1">选项1</label><br>
  <input type="radio" id="option2" name="radioGroup" value="option2">
  <label for="option2">选项2</label><br>
  <input type="radio" id="option3" name="radioGroup" value="option3">
  <label for="option3">选项3</label><br>
</form>
<button onclick="getSelectedValue()">获取选中值</button>

JavaScript代码：

function getSelectedValue() {
  var radios = document.getElementsByName('radioGroup');
  var selectedValue;

  for (var i = 0; i < radios.length; i++) {
    if (radios[i].checked) {
      selectedValue = radios[i].value;
      break;
    }
  }

  console.log(selectedValue);
}

在上述示例中，我们首先为每个单选按钮设置了相同的名称（radioGroup），然后使用JavaScript的getElementsByName方法获取所有具有该名称的单选按钮。然后，我们使用一个循环遍历每个单选按钮，检查哪个单选按钮被选中（即checked属性为true），并将其值存储在selectedValue变量中。最后，我们通过console.log将选中的值打印到控制台。

请注意，这只是一个简单的示例，你可以根据实际需求进行修改和扩展。