javaScript 中document.getElementsByName()的兼容性

1、在编写一个控制复选框最多选择N个的一个脚本程序中，当选中N个以后，把其他没有选择的复选框设置为disabled
2、我使用document.getElementsByName()这个方法去获取复选框的name属性 我测试了一下，在IE和360浏览器里能支持这个方法，是可以获取到的。可是我用谷歌浏览器和火狐浏览器去测试的时候获取不到这个name属性！
3、使用document.form2.is_show这样的方式都可以获取到。

我想请问下这个到底是什么原因？  

<script type="text/javascript">
var checkedFlag = 0;
var checkMax = 2; //这里为最多可选项数量，2表示最多可选2个，改成3表示最多可选3个
function checkbox(checkbox)
{
   var obj = document.form2.is_show;//document.getElementsByName("is_show");
   if (checkbox.checked && checkedFlag <= checkMax - 1)
   {
      checkedFlag ++ ;
      if (checkedFlag == checkMax)
      {
         for (var i = 0; i < obj.length; i ++ )
         {
            if( ! obj[i].checked)obj[i].disabled = true;
         }
      }
   }
   else if ( ! checkbox.checked)
   {
      for (var j = 0; j < obj.length; j ++ )
      {
         if( ! obj[j].checked)obj[j].disabled = false;
      }
      checkedFlag -- ;
   }
}
function htmer_chkbox()
{
   var obj = document.form2.is_show;//document.getElementsByName("is_show");
   for (var i = 0 ; i < obj.length ; i ++ )
   {
      if (obj[i].checked || obj[i].disabled)
      {
         obj[i].checked = false;
         obj[i].disabled = false;
      }
   }
}

</script>

评论

1 楼 huyinghuying 2012-03-16  

document.getElementsByName("is_show")返回的是数组
可以这样写
var obj = document.getElementsByName("is_show")[0];