js如何获得radio单选项的值

1、新建一个html页面，命名为test.html，用于讲解js如何获得radio单选项的值。

2、在test.html页面内使用form创建一个表单，在表单内创建三个年龄段的单选项，代码如下：

3、在form表单内，使用input标签创建一个按钮，并绑定onclick点击事件，当按钮被点击时，执行ok()函数。

4、在ok函数内，使用document.getElementsByName()方法获得单选项radio对象，用于下面对其进行循环取值。

5、在ok()函数内，使用for循环遍历上一步获得的radio对象，主要用于找到选中的选项。

6、在for循环内，通过checked属性获得radio单选项中已选中的元素，使用va盟敢势袂lue属性获得选项的值，最后通过alert()方法弹出选中的选项的值。

7、在浏览器打开test.html文件，选中一个单选项，点击“测试选择值”按钮，可见，成功弹出选中的选项的值。