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

获取radio选中的值

在HTML中，我们可以使用document.querySelector()方法来获取radio选中的值。该方法可以接受一个CSS选择器，返回与该选择器匹配的第一个元素。

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

在上面的代码中，我们使用input[name="radioName"]:checked选择器来获取radio按钮中name属性值为"radioName"且被选中的元素，使用.value属性来获取选中的值。

我们也可以使用document.getElementsByName()方法来获取radio按钮中name属性值为"radioName"的所有元素，使用for循环来遍历所有元素，并使用.checked属性来判断哪个元素被选中，获取选中元素的值：

let radioValue = '';
let radios = document.getElementsByName('radioName');

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

以上就是如何在HTML中获取radio选中的值的方法，希望能够帮助到大家。