浅谈js怎么实现全选按钮

本文实例讲述了js全选按钮的实现代码。分享给大家供大家参考。具体如下：
运行效果截图如下：

 

具体代码如下

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30

< html >   < head >     < title >复选框checked属性</ title >     < script language = "JavaScript" type = "text/javascript" >        function changeState(isChecked)       {         var chk_list=document.getElementsByTagName("input");         for(var i=0;i< chk_list.length ;i++)          {           if(chk_list[i].type=="checkbox")            {             chk_list[i] .checked = isChecked ;            }          }      }     </script>   </ head >   < body >     < h1 >请选择你的爱好</ h1 >     < form name = "myForm1" >       < input type = "checkbox" name = "cb1" checked>看书< br >       < input type = "checkbox" name = "cb2" checked>上网< br >       < input type = "checkbox" name = "cb3" >游戏< br >     </ form >     < hr >     < form name = "myForm2" >       < input type = "checkbox" name = "cb" onclick = "changeState(this.checked)" >全选     </ form >   </ body > </ html >

以上就是js全选按钮的实现方法，希望对大家的学习有所帮助。

本文转载自http://www.cy32.com/webbc/JavaScript/2016-01-12/cy32-10369.html