javaScript实现复选框全选反选事件详解

本文实例为大家分享了爪哇岛描述语言实现复选框全选反选的具体代码，供大家参考，具体内容如下

代码

html head meta charset=' utf-8 ' meta name=' viewport ' content=' initial-scale=1.0，maximum-scale=1.0，user-scale=no '/title/title脚本窗口。onload=function(){ var selAll=document。getelementbyid(' selAll ')；var hobbys=文档。getelementsbyname('爱好');var FX=文档。getelementbyid(' FX ')；var myClick=文档。getelementbyid(' xz ')；函数myClick(){ alert(' hello ')；} //全选事件塞尔。onclick=function(){ if(selall。checked==true){ for(var I=0；ihobby . lentigi){ 0霍布斯[i].选中=真；} } else { for(var I=0；ihobby . lentigi){ 0霍布斯[i].选中=假；} } } //反选事件外汇。onclick=function(){ for(var I=0；ihobby . lengthi){ var b=hobbys[I]；if(b . checked==true){ b . checked=false }否则{ b . checked=true} } } } }/脚本/头体span onclick=' myClick()' id=' xz '输入类型=' checkbox ' id=' selAll '/全选/span按钮id='fx '反选/button/br输入类型="复选框"名称="爱好"/羽毛球输入类型="复选框"名称="爱好"/绘画输入类型="复选框"名称="爱好"/唱歌输入类型="复选框"名称="爱好"/跳舞/body/html以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。