单选按钮值正在打印'on‘，而不是它持有的值

问题描述： 单选按钮值正在打印'on'，而不是它持有的值。

解答： 这个问题可能是由于单选按钮的值没有正确获取导致的。在前端开发中，单选按钮通常使用<input type="radio">元素来实现。每个单选按钮都有一个value属性，用于表示其对应的值。当用户选择某个单选按钮时，可以通过JavaScript代码来获取选中的值。

首先，确保单选按钮的value属性设置正确，以便与所需的值对应。例如，如果希望单选按钮的值为'on'，则应该设置value="on"。

然后，在JavaScript代码中，可以使用以下方法来获取选中的值：

1. 使用document.querySelector()方法选择单选按钮的父元素，并通过该父元素获取选中的单选按钮元素。
2. 使用checked属性检查该单选按钮是否被选中。
3. 如果被选中，使用value属性获取其值。

以下是一个示例代码：

HTML代码：

<div id="radioButtons">
  <input type="radio" name="option" value="on"> On
  <input type="radio" name="option" value="off"> Off
</div>
<button onclick="getSelectedValue()">Get Selected Value</button>

JavaScript代码：

function getSelectedValue() {
  var radioButtons = document.querySelectorAll('#radioButtons input[type="radio"]');
  var selectedValue = '';
  
  for (var i = 0; i < radioButtons.length; i++) {
    if (radioButtons[i].checked) {
      selectedValue = radioButtons[i].value;
      break;
    }
  }
  
  console.log(selectedValue);
}

在上述代码中，我们通过querySelectorAll()方法选择了id为"radioButtons"的父元素，并获取了所有类型为"radio"的子元素（即单选按钮）。然后，通过遍历单选按钮数组，检查每个单选按钮的checked属性，找到被选中的单选按钮，并获取其值。

当用户点击"Get Selected Value"按钮时，会调用getSelectedValue()函数，并将选中的值打印到控制台。

关于单选按钮的更多信息，可以参考腾讯云的相关文档：

• 单选按钮（Radio Button）

请注意，以上答案仅供参考，具体实现方式可能因具体情况而异。在实际开发中，可以根据具体需求和技术栈选择适合的方法和工具。