js如何获得radio单选项的值

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

09fa513d269759ee1237a315bcfb43166c22df8d.jpg2

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

0b55b319ebc4b745b4f57ac8c1fc1e178b82158f.jpg3

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

8b13632762d0f703b7f2590206fa513d2797c5a8.jpg4

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

9345d688d43f87946cd587f0dc1b0ef41ad53ac2.jpg5

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

a71ea8d3fd1f41343dafcca02b1f95cad0c85e50.jpg6

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

b3fb43166d224f4a0ce6b9cd07f790529922d1f5.jpg7

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

f603918fa0ec08fa73d9267857ee3d6d54fbda17.jpg

  • 发表于 2019-08-21 17:00
  • 阅读 ( 233 )
  • 分类:其他类型

相关问题

0 条评论

请先 登录 后评论