开发者社区> 问答> 正文

请问此html dom 的checkbox中checkAll(this.checked)该如何理解?

 <!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>Document</title>




  <script type="text/javascript">
  <!--

    function checkAll( booleanValue){

        var checkboxes=    document.getElementsByName("hobby")

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

             checkboxes[i].checked = booleanValue;
        }

    }


   function reverseCheck(){

    var checkboxes=    document.getElementsByName("hobby")

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

             checkboxes[i].checked = !checkboxes[i].checked;
        }

   }


  //-->
  </script>
 </head>
 <body>


   <h1>请选择你的爱好:</h1>
  全选/全不选<input type="checkbox" name="hobbys" onclick="checkAll(this.checked)" /><br/>
 <input type="checkbox" name="hobby" value="football"  />足球
 <input type="checkbox" name="hobby" value="basketball"  />篮球
 <input type="checkbox" name="hobby" value="swim"  />游泳
 <input type="checkbox" name="hobby" value="singing"  />唱歌<br/>

 <input type="button" value="全选"   onclick="checkAll(true)"/>
 <input type="button" value="全不选" onclick="checkAll(false)"/>
 <input type="button" value="反选"   onclick="reverseCheck()"/>  

 </body>
</html>

展开
收起
小旋风柴进 2016-03-23 10:41:03 2419 0
1 条回答
写回答
取消 提交回答
  • 这个checkAll是遍历所有的选择框然后把它设置为指定的值,this.checked是按当前选择框是否被选中

    2019-07-17 19:10:28
    赞同 展开评论 打赏
问答分类:
问答标签:
问答地址:
问答排行榜
最热
最新

相关电子书

更多
《零基础HTML入门教程》 立即下载
天猫 HTML5 互动技术实践 立即下载
天猫HTML5互动技术实践 立即下载