web前端|js教程
全选,反选
web前端-js教程
其实这个效果不难做。
人才库管理系统 源码,ubuntu端口怎么关闭,tomcat的安装方法为,各种爬虫图片,30岁以上php编程,seo hklzw
难做的是 如何让用户使用起来方便。
搜场地源码,ubuntu如何关屏幕,tomcat允许跨域请求,爬虫 php 脚本,哪里可以找到php人员,seo池lzw
第一个checkbox实现了 全选 反选
商场管理系统源码,vscode运行爬虫,移动硬盘中安装ubuntu18,tomcat 本地集群,sqlite c# pdf,php游戏插件授权验证,前端框架做图片展示,关于python爬虫的标题,仿淘宝 php,giang seo po,网站源码修改,端午节网页,装修公司广告牌模板lzw
最后个checkbox实现了 取消选择
这里只是做一个 JS实例罢了。
这段HTML并没有 实际的价值。
var $=function(id){return document.getElementById(id);}; var myapp=(function(){ var forminput=$(“form1id”).getElementsByTagName(“input”), i=0, checkbox=[]; for( i ; i < forminput.length ; i++ ){ if(forminput[i].type==="checkbox"){ checkbox.push(forminput[i]); } } checkbox[0].onclick=function(){myapp.selall(true);} checkbox[checkbox.length-1].onclick=function(){checkbox[0].checked=false;myapp.selall(false);} return { selall:function(){ //checkbox[0].checked=!arguments[0]; for(i=1;i<checkbox.length;i++){ checkbox[i].checked = (arguments[0]?!checkbox[i].checked:false) ? "checked" : false; } } }; })();
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
如果觉得《javascript 全选/反选 取消选择效果_表单特效》对你有帮助,请点赞、收藏,并留下你的观点哦!