JavaScript 单选按钮值（如果选中）

单选按钮（radio button）是一种常见的HTML表单元素，它允许用户从一组选项中选择一个。 在JavaScript中，我们可以使用以下代码来获取选中的单选按钮的值：

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

这个代码片段首先选择了所有的单选按钮，通过其名称（name）属性获取它们。然后，使用for循环遍历单选按钮数组，如果单选按钮被选中，就将其值存储在selectedValue变量中。

在这个流程中需要注意以下几点：

• 使用getElementsByName()方法来选择单选按钮，该方法返回一个包含符合指定名称的所有元素的数组。
• 通过遍历单选按钮数组并使用.checked属性来检查每个单选按钮是否处于选中状态。
• 在找到选中的单选按钮后立即退出循环，避免遍历整个数组。
• 单选按钮的值存储在.value属性中。

以上代码可以使用ES6的Array.prototype.find()方法进行简化：

const selectedValue = [...document.getElementsByName('radioName')]
  .find(radio => radio.checked)?.value;

这个代码片段首先将单选按钮数组转换为数组（使用扩展运算符），然后通过find()方法查找选中的单选按钮，如果找到选中的单选按钮，则返回其值。

在使用这种方法时需注意以下几点：

• 使用扩展运算符（...）将HTMLCollection对象转换为数组。
• 使用Arrow Function定义一个判定条件：是否选中。这里需要使用?.操作符，以避免未选中时出现的undefined。
• find()方法在找到匹配项时立即停止搜索，避免遍历整个数组。

以上两种方法都可以用来获取选中的单选按钮的值，开发人员可以根据自己的喜好和项目需求选择使用哪种方法实现。