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 } }}}