为了账号安全,请及时绑定邮箱和手机立即绑定

为什么for循环在函数里不起作用?

<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
        <title>无标题文档</title>
    </head>
    <body>
        <form>
          请选择你爱好:<br>
          <input type="checkbox" name="hobby" id="hobby1">  音乐
          <input type="checkbox" name="hobby" id="hobby2">  登山
          <input type="checkbox" name="hobby" id="hobby3">  游泳
          <input type="checkbox" name="hobby" id="hobby4">  阅读
          <input type="checkbox" name="hobby" id="hobby5">  打球
          <input type="checkbox" name="hobby" id="hobby6">  跑步 <br>
          <input type="button" value = "全选" onclick = "checkall();">
          <input type="button" value = "全不选" onclick = "clearall();">
          <p>请输入您要选择爱好的序号,序号为1-6:</p>
          <input id="wb" name="wb" type="text" >
          <input name="ok" type="button" value="确定" onclick = "checkone();">
        </form>
        <script type="text/javascript">
        function checkall(){
           var hobby = document.getElementsByTagName("input");
             for(var i=0;i<hobby.length;i++){
               document.write(hobby[i].type+"<br/>");
             }
        }
        </script>
    </body>
</html>

点击全选checkall()后,只输出一个checkbox。我把for循环放到函数外,就会输出所有的type?

正在回答

3 回答

因为如果不是自动运行,文档流结束,当点击时,document.write会清除当前页面所有内容,然后for循环中第一次能获取input,输出document,第二次for循环页面已经一篇空白除了刚才输出的内容,因此获取不到input,自然无法继续循环输出

0 回复 有任何疑惑可以回复我~
#1

青灯行 提问者

非常感谢!
2016-11-14 回复 有任何疑惑可以回复我~

关注一下

0 回复 有任何疑惑可以回复我~

应该是hobby[i].nodeType

还有这里用getElementsByName("hobby")比较好,这样就能获取所有的复选框了

0 回复 有任何疑惑可以回复我~
#1

青灯行 提问者

这里是题目要求获取TagName并验证复选项的。另外改成nodeType后依然输出一个,只是输出的“checkbox”变成了1,放到函数外就是10个1,问题依然在。
2016-11-03 回复 有任何疑惑可以回复我~
#2

慕粉3233872 回复 青灯行 提问者

不知道是怎么回事了,放到函数外能正确输出说明方法没错,你是把checkall()方法里面的内容一起放到函数外输出的吗?
2016-11-03 回复 有任何疑惑可以回复我~
#3

青灯行 提问者 回复 慕粉3233872

对,一个是点击checkal()运行,一个是自动运行。
2016-11-03 回复 有任何疑惑可以回复我~
#4

慕粉3233872 回复 青灯行 提问者

你在document.write(hobby[i].nodeType+"<br/>");这句话后面加上document.write("-----");看这句话出现几次,看到底是循环终止了,还是只是没输出
2016-11-03 回复 有任何疑惑可以回复我~
#5

青灯行 提问者 回复 慕粉3233872

一次。
2016-11-03 回复 有任何疑惑可以回复我~
查看2条回复

举报

0/150
提交
取消

为什么for循环在函数里不起作用?

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信