js获取选中radio单选按钮的值代码实例
分类:实例代码
本章节分享一段代码实例,它实现了获取选中radio单选按钮值得功能。
代码实例如下:
<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.pipipi.net/" /> <title>前端教程网</title> <script> function getRadioBoxValue(radioName) { var obj = document.getElementsByName(radioName); for (var index = 0; index < obj.length; index ++) { if (obj[index].checked) { return obj[index ].value; } } return "undefined"; } window.onload = function () { var odiv = document.getElementById("show"); odiv.innerHTML = getRadioBoxValue("antzone"); } </script> </head> <body> <div id="box"> <form> <input type="radio" name="antzone" value="前端教程网一"/> <input type="radio" checked name="antzone" value="前端教程网二" /> <input type="radio" name="antzone" value="前端教程网三" /> </form> </div> <div id="show"></div> </body> </html>
上面的代码实现了我们的要求,代码非常的简单,更多内容可以参阅相关阅读。
相关阅读:
(1).document.getElementsByName()可以参阅document.getElementsByName()一章节。
(2).innerHTML属性可以参阅innerHTML一章节。
一线大厂高级前端编写,前端初中阶面试题,帮助初学者应聘,需要联系微信:javadudu