关键词

选中 获取

在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选中的值的方法,希望能够帮助到大家。

本文链接:http://task.lmcjl.com/news/13023.html

展开阅读全文