感觉没有问题,为什么不可以实现

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

慕侠023444

2019-04-26 13:59

function clearall(){

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

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

if(hobby[i].checked=="checked"){


hobby[i].checked=false;

}

}

// 任务2  


写回答 关注

3回答

  • 酿己
    2019-06-02 17:10:19

    hobby[i].checked=="checked"这里有问题   

  • 慕雪5286490
    2019-05-18 16:34:00

    if 判断语句里面应该是=true

    另外这里可以不用if判断,直接设置为false

  • 慕田峪1355337
    2019-04-26 16:25:33

    function clearall(){

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

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

        hobby[i].checked='false';

    }

    // 任务2  



    这样就好了;false必须放在“”里面, 全部取消-直接遍历所有取消就好了  没有必要在判断

    (鄙人不才)以上是我的代码  参考下:

    <!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");

               

              // 任务1 

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

                    hobby[i].checked='true'; 

                  }

            }

            function clearall(){

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

                

             // 任务2 

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

                    hobby[i].checked=''; 

                 }

                

            }

            

            function checkone(){

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

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

            

             // 任务3

                switch(j){

                    case '1':

                    hobby[0].checked='true'; 

                    break;

                    case '2':

                    hobby[1].checked='true'; 

                    break;

                    case '3':

                    hobby[2].checked='true'; 

                    break;

                    case '4':

                    hobby[3].checked='true'; 

                    break;

                    case '5':

                    hobby[4].checked='true'; 

                    break;

                    case '6':

                    hobby[5].checked='true'; 

                    break;

                }

            }

            

            </script>

        </body>

    </html>

      

JavaScript进阶篇

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

467396 学习 · 21877 问题

查看课程

相似问题