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

星辰炒饭
  • 231
<!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>
回复
阅读 1.2k
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>
你知道吗?

宣传栏