在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