自己测试的关于 document.all.checkbox 的一些BUG

最新推荐文章于 2022-07-23 09:43:04 发布

原创最新推荐文章于 2022-07-23 09:43:04 发布 · 778 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#测试 #input #javascript #function #html #object

本文通过三个不同场景的示例，展示了在JavaScript中如何使用document.all来获取页面元素，特别是当页面中有不同数量的复选框时，document.all返回的结果及长度属性的变化。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

自己做了一些测试,分为三种情况说明:
1 没有 checkbox的情况下,代码如下:
----------------------------------------------
<html>
<head></head>
<body >
<INPUT TYPE="checkbox" NAME="checkbox"/>
<INPUT TYPE="checkbox" NAME="checkbox"/>

<a Onclick="Count()" href=#>View Count </a>
</body>
<script language="javascript">
function Count()
{
  var count = document.all.checkbox;
  alert(count);        //显示: undefined
  alert(count.length); //显示: [length]为空或不是对象.这个结果可以理解
}
</script>
</html>
2 有【1】个 checkbox的情况下,代码如下:
----------------------------------------------
<html>
<head></head>
<body >
<INPUT TYPE="checkbox" NAME="checkbox"/>
<INPUT TYPE="checkbox" NAME="checkbox"/>

<a Onclick="Count()" href=#>View Count </a>
</body>
<script language="javascript">
function Count()
{
  var count = document.all.checkbox;
  alert(count);        //显示: [object]
  alert(count.length); //显示: undefined.这里就纳闷了...
}
</script>
</html>
3 有【2】个 checkbox的情况下,代码如下:
----------------------------------------------
<html>
<head></head>
<body >
<INPUT TYPE="checkbox" NAME="checkbox"/>
<INPUT TYPE="checkbox" NAME="checkbox"/>

<a Onclick="Count()" href=#>View Count </a>
</body>
<script language="javascript">
function Count()
{
  var count = document.all.checkbox;
  alert(count);        //显示: [object]
  alert(count.length); //显示: 2.这里就正确了.
}
</script>
</html>
======================================================
另外,"<INPUT TYPE="checkbox" NAME="checkbox"/>"中一定要写NAME="checkbox",否则找不到:-)