200字范文,内容丰富有趣,生活中的好帮手!
200字范文 > js实现checkbox全选 不选与反选办法【javascript】

js实现checkbox全选 不选与反选办法【javascript】

时间:2019-06-10 03:32:06

相关推荐

js实现checkbox全选 不选与反选办法【javascript】

web前端|js教程

js,checkbox,全选,不选,反选,方法

web前端-js教程

android 高仿天猫源码,vscode按文件名搜索,ubuntu镜像指令,tomcat安装默认密码,爬虫xpath教学,php dtree,seo页面优化怎么做营销lzw

A、思路:

自提点源码程序,如何打开ubuntu配置,tomcat性能调优书籍,爬虫犰狳蜥,本机php测试,seo万词霸屏公司怎么选长尾词lzw

1. 获取元素

植物大战僵尸网页版源码,vscode一直正在下载,ssh2 ubuntu,idea软件与tomcat连接,sqlite长整型,服装网页设计模板,网站无法连接到服务器,c 源码 插件式,Qt的前端框架,爬虫选靓号,php团队,seo优化简历,springboot拦截器教程,wordpress建立网站,后台管理网页,ecshop列表模板,后台验证码输入错误,404页面动态模板,医院信息管理系统 java,asp 程序授权lzw

2. 给全选 不选 反选添加点击事件

3. 用for循环checkbox

4. 把checkbox的checked设置为true即实现全选

5. 把checkbox的checked设置为false即实现不选

6. 通过if判断,如果checked为true选中状态的,就把checked设为false不选状态,如果checked为false不选状态的,就把checked设为true选中状态。

B、html代码:

C、js代码:

window.onload=function(){ var sele=document.getElementById(sele);//获取全选 var unsele=document.getElementById(setinterval);//获取不选 var clear=document.getElementById(clear);//获取反选 var checkbox=document.getElementById(checkboxs);//获取div var checked=checkbox.getElementsByTagName(input);//获取div下的input//全选 sele.onclick=function(){ for(i=0;i<checked.length;i++){ checked[i].checked=true}}//不选 unsele.onclick=function(){for(i=0;i<checked.length;i++){ checked[i].checked=false}}//反选 clear.onclick=function(){ for(i=0;i<checked.length;i++){ if(checked[i].checked==true){ checked[i].checked=false } else{checked[i].checked=true } }}}

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。