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

课程

/前端开发

/JavaScript

/JavaScript进阶篇

可正常运行，想看看不同方法的操作

<!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++){

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

                  hobby[i].checked=true;

              }              

          }           

        }

        function clearall(){

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

         // 任务2 

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

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

                hobby[j].checked=false;

            }

        }            

        }        

        function checkone(){

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

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

         // 任务3

         for(var n=0;n<inpu.length;n++){

             if(j==(n+1)){

                 inpu[n].checked=true;

             }else{                 

             }        

            

         }

        

        }

        

        </script>

    </body>

</html>


Pikachu2016

2019-08-22

源自：JavaScript进阶篇  9-4

关注问题 我要回答
603
操作
收起

正在回答

2 回答

GlenOrchyGle
2019-09-06 

<script type="text/javascript">
  function checkall () {
    var hobby = document.getElementsByTagName('input')
    for (var i = 0; i < hobby.length; i++) {
      tagsName = hobby[i]
      if (tagsName.type == 'checkbox') {
        tagsName.checked = true
      }
    }
  }

  function clearall () {
    var hobby = document.getElementsByName('hobby')
    for (var i = 0; i < hobby.length; i++) {
      tagsName = hobby[i]
      if (tagsName.type == 'checkbox' && tagsName.checked == true) {
        tagsName.checked = false
      }
    }
  }

  function checkone () {
    var j = document.getElementById('wb').value
    if (0 < j <= 6) {
      tagId = 'hobby' + j
      var hobby = document.getElementById(tagId)
      hobby.checked = true
    }
  }
</script>


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

醉元最圆

倒数第7行的if语句可以这种写法吗？不是应该if(j>0&&j<=6)这样写吗
2019-09-08 回复 有任何疑惑可以回复我~
#2

GlenOrchyGle 回复 醉元最圆

可以这样写
2019-09-10 回复 有任何疑惑可以回复我~
#3

sdarks 回复 GlenOrchyGle

if (0 < j <= 6)里的0<j<=6你可以这么理解： 先计算0<j，这时候会得出true和false，然后在计算true/false和6的大小。然而在这时候false是0，true是1，比较大小的结果确是一定是true。所以你不管输入什么，if语句里的代码都会执行…… 所以如果你在"if (0 < j <= 6)"下面"tagId = 'hobby' + j"插入一句"alert("不管输入什么我都能跳出来")"，你就会发现问题了。
2019-09-17 回复 有任何疑惑可以回复我~
陪伴胜过千言万语
2019-08-25

<!DOCTYPE HTML>

<html>

<head>

    <meta charset="utf-8">

    <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 - 1; i++) {

        if (hobby[i]['name'] == 'hobby') {

          hobby[i].checked = true;

        }

      }

    }

    function clearall(){

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

      // 任务2

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

        hobby[i].checked = false;

      }

    }

  

    function checkone(){

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

      // 任务3

      document.getElementById("hobby"+j).checked = true;

    }

  </script>

</body>

</html>


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

举报

0/150
提交
取消
JavaScript进阶篇
  • 参与学习       468043    人
  • 解答问题       21891    个

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

进入课程

本课相似问答

2 回答可以正常运行

1 回答参考。该网页不行，到chrome里可以正常运行。

5 回答日期可以运行，总分部分运行不了，大神们帮忙看看

3 回答求大神看看，运行不了

3 回答关于while不明白的同学可以看看！
搜索更多本课相关问答

可正常运行，想看看不同方法的操作

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