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一章节。
