radio元素是HTML表单中的一种常用元素,它可以让用户从多个选项中选择一个选项。radio元素是一种单选框,用户只能选择一个选项,而不能多选。
当用户从多个选项中选择一个选项时,我们需要获取用户选择的选项的值。本文将介绍如何获取input中选中的radio元素的值。
我们需要在HTML中定义一组radio元素,并为它们指定同一个名称,以便浏览器能够将它们当作一组元素处理。例如:
Male Female
我们可以使用JavaScript来获取input中选中的radio元素的值。可以使用document.querySelector()方法来获取input元素,使用checked属性来检查它是否被选中,如果被选中,则可以使用value属性来获取它的值。例如:
let gender = document.querySelector('input[name="gender"]:checked').value;
上面的代码中,我们使用document.querySelector()方法来获取name为“gender”的input元素,并使用checked属性检查它是否被选中,如果被选中,则可以使用value属性来获取它的值。
如果要获取input中所有的radio元素的值,可以使用document.querySelectorAll()方法来获取所有的radio元素,使用for循环来遍历它们,并使用checked属性来检查它们是否被选中,如果被选中,则可以使用value属性来获取它们的值。例如:
let radios = document.querySelectorAll('input[name="gender"]'); for (let i = 0; i < radios.length; i++) { if (radios[i].checked) { let gender = radios[i].value; } }
上面的代码中,我们使用document.querySelectorAll()方法来获取name为“gender”的所有input元素,使用for循环来遍历它们,并使用checked属性来检查它们是否被选中,如果被选中,则可以使用value属性来获取它们的值。
要获取input中选中的radio元素的值,可以使用document.querySelector()方法来获取input元素,使用checked属性来检查它是否被选中,如果被选中,则可以使用value属性来获取它的值。如果要获取input中所有的radio元素的值,可以使用document.querySelectorAll()方法来获取所有的radio元素,使用for循环来遍历它们,并使用checked属性来检查它们是否被选中,如果被选中,则可以使用value属性来获取它们的值。