javascript全选/反选,取消选择效果_表单特效

来源：动视网责编：小采时间：2020-11-27 20:48:55

javascript全选/反选,取消选择效果_表单特效

javascript全选/反选,取消选择效果_表单特效:其实这个效果不难做。难做的是如何让用户使用起来方便。第一个checkbox实现了全选反选最后个checkbox实现了取消选择这里只是做一个 JS实例罢了。这段HTML并没有实际的价值。 javascript 全选/反选效果。 var $=function

推荐度：

点击下载本文 文档为doc格式

导读javascript全选/反选,取消选择效果_表单特效:其实这个效果不难做。难做的是如何让用户使用起来方便。第一个checkbox实现了全选反选最后个checkbox实现了取消选择这里只是做一个 JS实例罢了。这段HTML并没有实际的价值。 javascript 全选/反选效果。 var $=function

其实这个效果不难做。

难做的是如何让用户使用起来方便。

第一个checkbox实现了全选反选

最后个checkbox实现了取消选择

这里只是做一个 JS实例罢了。

这段HTML并没有实际的价值。
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>javascript 全选/反选效果。</title> </head> <body> 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; } } }; })(); </ script> </body> </html>
[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

javascript全选/反选,取消选择效果_表单特效

推荐度：

点击下载本文 文档为doc格式

标签：删除取消全选

热门焦点

javascript全选/反选,取消选择效果_表单特效

javascript全选/反选,取消选择效果_表单特效

javascript全选/反选,取消选择效果_表单特效

最新推荐

猜你喜欢

热门推荐