新建一个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单选项中已选中的元素,利用value属性获得选项的值,最后经由过程alert()方式弹出选中的选项的值。
7
在浏览器打开test.html文件,选中一个单选项,点击“测试选择值”按钮,可见,当作功弹出选中的选项的值。
0 篇文章
如果觉得我的文章对您有用,请随意打赏。你的支持将鼓励我继续创作!