js如何获得radio单选项的值

新建一个html页面 , 定名为test.html , 用于讲解js若何获得radio单选项的值 。

js如何获得radio单选项的值

文章插图

2在test.html页面内利用form建立一个表单 , 在表单内建立三个春秋段的单选项 , 代码如下:


js如何获得radio单选项的值

文章插图

3在form表单内 , 利用input标签建立一个按钮 , 并绑定onclick点击事务 , 当按钮被点击时 , 执行ok()函数 。


js如何获得radio单选项的值

文章插图

4在ok函数内 , 利用document.getElementsByName()方式获得单选项radio对象 , 用于下面临其进行轮回取值 。


js如何获得radio单选项的值

文章插图

5在ok()函数内 , 利用for轮回遍历上一步获得的radio对象 , 本家儿要用于找到选中的选项 。


js如何获得radio单选项的值

文章插图

6在for轮回内 , 经由过程checked属性获得radio单选项中已选中的元素 , 利用value属性获得选项的值 , 最后经由过程alert()方式弹出选中的选项的值 。


js如何获得radio单选项的值

文章插图

7【js如何获得radio单选项的值】在浏览器打开test.html文件 , 选中一个单选项 , 点击“测试选择值”按钮 , 可见 , 当作功弹出选中的选项的值 。


js如何获得radio单选项的值

文章插图

以上内容就是js如何获得radio单选项的值的内容啦 , 希望对你有所帮助哦!

    推荐阅读