jquery全选反选代码,html全选不全选反选代码

思路：首先我们获取节点

　　 遍历每个节点获取到检查的属性

　　然后我们通过改变检查的属性改变选中的状态

　　全选的时候我们让他们都为真实的

　　反选的时候我们使用！达到效果

本次使用到的知识点有：

　　文件。getelementsbyname( name属性):选中所有的名字为名字属性的的元素节点对象

　　document.getElementById(id名称): 通过编号名称获取一个元素节点对象

　　onclick:鼠标点击事件

html部分：

　　输入id=quan type=checkbox value=全选 全选

　　输入类型=复选框名称=项目值=足球 足球

　　输入类型=复选框名称=项目值=篮球 篮球

　　输入类型=复选框名称=项目值=羽毛球 羽毛球

　　输入id=fan type=checkbox value=反选反选

js部分

　　 var items=文档。getelementsbyname( items )；

　　var quan=文档。getelementbyid( quan )；

　　var fan=文档。getelementbyid( fan )；

　　函数fan1(){

　　定义变量指数=0;

　　for(var I=0；items.lengthi ){

　　项目[我].已检查=!项目[我].已检查；

　　如果（项目【我】。checked==true){

　　指数；

　　}

　　}

　　if(index==3){

　　quan.checked=true

　　}否则{

　　quan.checked=false

　　}

　　}

　　quan.onclick=function(){

　　if(quan.checked==true){

　　console.log(项目[0])。勾选);

　　for(var I=0；一。物品长度；i ){

　　console.log(项目[我].勾选);

　　项目[我].选中=真；

　　fan.checked=false

　　}

　　}否则{

　　for(var I=0；一。物品长度；i ){

　　//console.log(items[i].勾选);

　　项目[我].已检查=!真实；

　　fan.checked=false

　　}

　　}

　　};

　　fan.onclick=function(){

　　if(fan.checked==true){

　　风扇1()

　　}否则{

　　风扇1()

　　}

　　}

　　相关推荐：【JavaScript视频教程】

　　以上就是详解Java脚本语言实现全选和反选的功能（附代码示例)的详细内容，更多请关注我们其它相关文章！

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。