[java面试]javascript中dom取值问题radio名字一样归属于同一个组,求点击的是哪一个
题目描述:
看如下的html文件,里面定义了一些radio类型的元素,请完成parse()函数的内容,要求能够弹出对话框提示当前选中的是第几个单选框。
</pre><pre code_snippet_id="377032" snippet_file_name="blog_20140604_1_6160378" name="code" class="javascript"><p><span style="font-family: Arial, Helvetica, sans-serif;"><html></span></p> <head> <script language="javascript"> function parse() { } </script> </head> <body> <form onsubmit = "return parse()"> <input name="radioGroup" type="radio"/> <input name="radioGroup" type="radio"/> <input name="radioGroup" type="radio"/> <input name="radioGroup" type="radio"/> <input name="radioGroup" type="radio"/> <input name="radioGroup" type="radio"/> <input type = "submit"/> </form> </body> </html>
答案:
<script language="javascript"> function parse() { var content = document.getElementsByName("radioGroup"); for(var i = 0;i < content.length; i++) { if(content[i].checked) alert("选中了第"+ i +"个"); } } </script>
题目来源:
宇信易诚 广州分公司 官网:www.yuchengtech.com 6月社招笔试题目
本题解题思路:
1.先获取名字叫radioGroup的所有元素,遍历每一个,看哪个是被选中的,弹出选中的索引即可。