HTML 中的 radio 元素用于在多个选项中进行选择，每个 radio 元素都有自己的 value 属性，可以使用 JavaScript 获取 radio 元素的选中值。下面介绍几种方法：
1. 使用 document.querySelector() 方法
我们可以使用 document.querySelector() 方法来获取 radio 元素，使用 .checked 属性来获取选中的值：
let radio = document.querySelector('input[name="gender"]:checked').value;
上面的代码中，我们使用了 input[name="gender"] 来选择 name 属性为 gender 的所有 radio 元素，使用 :checked 来选择被选中的元素，使用 .value 来获取选中元素的 value 属性值。
2. 使用 for 循环
我们也可以使用 for 循环来获取 radio 元素的选中值，如下所示：
let radios = document.querySelectorAll('input[name="gender"]');
let value;
for (let i=0; i
上面的代码中，我们使用 document.querySelectorAll() 方法来获取所有 name 属性为 gender 的 radio 元素，使用 for 循环来遍历这些元素，如果某个元素被选中，就将它的 value 属性值赋值给 value 变量，使用 break 语句终止循环。
3. 使用 Array.prototype.filter() 方法
我们还可以使用 Array.prototype.filter() 方法来获取 radio 元素的选中值，如下所示：
let radios = document.querySelectorAll('input[name="gender"]');
let value = Array.prototype.filter.call(radios, function(radio) {
return radio.checked;
})[0].value;
上面的代码中，我们使用 document.querySelectorAll() 方法来获取所有 name 属性为 gender 的 radio 元素，使用 Array.prototype.filter() 方法来过滤出被选中的元素，使用 [0].value 来获取选中元素的 value 属性值。
结论
以上就是使用 JavaScript 获取 radio 元素的选中值的几种方法，它们都可以用来获取用户选择的 radio 元素的值，从而实现更多有趣的功能。