javascript 全选/反选,取消选择效果

其实这个效果不难做。

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

第一个checkbox实现了 全选 反选

最后个checkbox实现了 取消选择

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

这段HTML并没有 实际的价值。





javascript 全选/反选效果。





标题
时间


脚本之家
2010-02-02



脚本之家
2010-02-02



脚本之家
2010-02-02



脚本之家
2010-02-02









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