如何在HTML中获取radio选中的值

在HTML中，radio按钮是一种常用的表单元素，用于提供用户从一组预定选项中进行选择，以便收集用户的数据。要获取radio选中的值，可以使用下面的方法：

1. 使用document.querySelector()方法

let radio = document.querySelector('input[name="gender"]:checked').value;

在上面的代码中，我们使用document.querySelector()方法来获取name属性为“gender”的选中的radio元素，并且获取其value属性。

2. 使用getElementsByName()方法

let radios = document.getElementsByName('gender');
let selectedValue;
for(let i=0; i
在上面的代码中，我们使用getElementsByName()方法来获取name属性为“gender”的所有radio元素，遍历这些元素，检查哪个元素被选中，并获取其value属性。

3. 使用form.elements[]属性
let form = document.getElementById('myForm');
let selectedValue = form.elements['gender'].value;

在上面的代码中，我们使用getElementById()方法来获取id属性为“myForm”的表单元素，使用表单元素的elements[]属性来获取name属性为“gender”的radio元素，并获取其value属性。

以上就是在HTML中获取radio选中的值的三种方法，各有优劣，可以根据实际情况选择合适的方法来实现。