为什么选中的个数是0呢?

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title></title>
<script type="text/javascript">
    window.onload = function(){
        var btn = document.getElementById("btn");
        btn.onclick = function(){
            var arrays = new Array();
            var items = document.getElementsByTagName("check");
            for(i=0; i<items.length; i++) {
                if(items[i].checked){
                    arrays.push(items[i].value);
                }
            }
            alert("选中的个数:"+arrays.length)
        }
    }
</script>
</head>

<body>
<input type="checkbox" value="1" name="check" checked="checked" />
<input type="checkbox" value="2" name="check" />
<input type="checkbox" value="3" name="check" checked="checked" />
<input type="button" value="你选中的个数" id="btn" />
</body>
</html>
阅读 3.1k
5 个回答

var items = document.getElementsByName("check");

var items = document.getElementsByName("check");

getElementsByTagName 是标签名称把,
试试document.getElementsByTagName("input");

var items = document.getElementsByTagName("check");这里写错了;修改成这样var items = document.getElementsByTagName("input");你如果用原生的js的话;把你的html结构改一改

getElementsByTagName() 方法可返回带有指定标签名的对象的集合,注意是标签名,而不是标签的name属性
可以试一下下面的代码

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title></title>
<script type="text/javascript">
    window.onload = function(){
        var btn = document.getElementById("btn");
        btn.onclick = function(){
            var arrays = new Array();
            var items = document.getElementsByTagName("input");
            for(i=0; i<items.length; i++) {
                if(items[i].checked){
                    arrays.push(items[i].value);
                }
            }
            alert("选中的个数:"+arrays.length)
        }
    }
</script>
</head>

<body>
<input type="checkbox" value="1" name="check" checked="checked" />
<input type="checkbox" value="2" name="check" />
<input type="checkbox" value="3" name="check" checked="checked" />
<input type="button" value="你选中的个数" id="btn" />
</body>
</html>
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题