[java面试]javascript中dom取值问题radio名字一样归属于同一个组,求点击的是哪一个

时间:2023-03-09 02:01:38
[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的所有元素,遍历每一个,看哪个是被选中的,弹出选中的索引即可。