为什么同样的代码放到本机就不起作用?

来源:9-4 区别getElementByID,getElementsByName,getElementsByTagName

anna117

2015-07-13 13:47

<!DOCTYPE HTML>

<html>

    <head>

        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

        <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 text=document.getElementsByTagName("input");

          for(var i=0;i<text.length;i++){

              if(text[i].type="checkbox") {

                  text[i].checked="checked";}

          }     

          // 任务1 

        }

        function clearall(){

            var mychar=document.getElementsByTagName("input");

            for(var j=0;j<mychar.length;j++){

                if(mychar[j].type="checkbox"){

                    mychar[j].checked="";

                }

            }

            }  

         // 任务2   

        }

        function checkone(){

        var hhy=document.getElementById("wb").value;

        var abc=document.getElementsByName("hobby");

        if(hhy>0&hhy<7){

            abc[hhy].checked="checked";

        }

        }

        

         // 任务3

        

        }

        

        </script>

    </body>

</html>


写回答 关注

2回答

  • cai鸟
    2015-07-13 18:05:42

    <!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++){
                    hobby[i].checked = true;
                }
              // 任务1
               
            }
            function clearall(){
                var hobby = document.getElementsByName("hobby");
                for(var i=0; i<hobby.length; i++){
                   hobby[i].checked = false;
               }
             // 任务2    
                
            }
            
            function checkone(){
                var j=document.getElementById("wb").value;
                var h=document.getElementById('hobby'+j)
                h.checked=true;
             // 任务3
            
            }
            
            </script>
        </body>
    </html>

  • 无月
    2015-07-13 14:18:30

    http://img.mukewang.com/55a35802000123dc02340025.jpg这里不对,应该是    if(text[i].type=="checkbox") 双等号判断,单等号是赋值

    anna11...

    还是一样的,在本机不起作用,所有浏览器都试过了。。。

    2015-07-13 15:06:25

    共 1 条回复 >

JavaScript进阶篇

本课程从如何插入JS代码开始,带您进入网页动态交互世界

468789 学习 · 22582 问题

查看课程

相似问题