IT_启程之路:单选框得到选中索引问题

在获取 name为  systemtype  单选框的长度时候   ie8  打印  7     ie11 打印 6   

document.getElementsByName(xxx)得到的结果 不仅包含name="xxx"  ,并且对于ie8 还包含id="xxx", 解决:开发时候单选按钮的id不要和name相同 ,图片下面提供源码,可在ie8和ie11测试。 

<html>
<head>


<script language="javascript">


function click1(){
var radios = document.getElementsByName("systemtype"); 
alert(radios.length);
for (var i = 0; i < radios.length; i++) {
if (radios[i].checked)
alert(i);
}
}
</script>
</head>
<body>
<label for="systemtype">所属系统:</label></td>
<td><ul id="systemtype" class="multivalue horizontal" onclick="click1()">
<li><input type="radio" name="systemtype" id="systemtype_0" checked="checked" /><label for="systemtype_0">单位</label></li>
<li><input type="radio" name="systemtype" id="systemtype_1"  /><label for="systemtype_1">个人</label></li>
<li><input type="radio" name="systemtype" id="systemtype_2"  /><label for="systemtype_2">房地产</label></li>
<li><input type="radio" name="systemtype" id="systemtype_3"  /><label for="systemtype_3">管理</label></li>
<li><input type="radio" name="systemtype" id="systemtype_4"  /><label for="systemtype_4">所有业务子系统</label></li>
<li><input type="radio" name="systemtype" id="systemtype_5"  /><label for="systemtype_5">所有系统</label></li>
</ul>


</body>
</html>

猜你喜欢

转载自blog.csdn.net/wudongfang666/article/details/41647227