设计学院-ui163 致力于网页标准 网页设计 web标准与ui设计。

Javascript技巧:列表CheckBox全选

上一篇上一篇 | 下一篇下一篇发表时间:2007-11-18 20:05:54

Javascript技巧:列表CheckBox全选

checkbox全选和取消的功能,利用JAVASCRIPT实现

  最近做公司内的一个小项目,需要做一个多选项目的删除功能,于是写以下JS脚本例子来实现,其实也是经常用到的比较基础的东西,高手就不用看了。

  程序代码: 

以下是引用片段:
<script language="javascript"> 
<!-- 

function CA(frm) 

var trk=0; 
for (var i=0;i<frm.elements.length;i++) 

var e=frm.elements[i]; 
if ((e.name != 'allbox') && (e.type=='checkbox') && (e.name != '不想被选中的checkbox的名称')) 

trk++; 
e.checked=frm.allbox.checked; 
frm.del.disabled = frm.allbox.checked?false:true;//全选对删除按钮的disabled属性的影响 




function CCA(frm,CB) 

var TB=TO=0; 
for (var i=0;i<frm.elements.length;i++) 

var e=frm.elements[i]; 
if ((e.name != 'allbox') && (e.type=='checkbox') && (e.name != '不想被选中的checkbox的名称')) 

TB++; 
if (e.checked) 
TO++; 


frm.allbox.checked=(TO==TB)?true:false; 
//www.aspxuexi.com 版权标记 文档来源 csdn  整理由asp学习网
if (0==TO)//全部未选中和选中一些时对删除按钮的disabled属性的影响 

frm.del.disabled = true; 

else 

frm.del.disabled = false; 



--> 
</script>


  调用方法:
  全选的名称定为allbox,onclick事件执行CA(this.form);
  选择项的checbox的onclick事件执行CCA(this.form,this);

[本日志由 ui163 于 2007-11-18 20:05:54 编辑]
上一篇上一篇:关于DOM事件模型的两件事
下一篇下一篇:编辑推荐:最新 javascript 技巧集[01]
文章来自:设计学院
收藏到网摘: 收藏到QQ书签
Tags:

相关内容

网站建设导航→

相关内容

版权隐私 ┊ 免责声明  ┊ 友情链接 ┊ 网站地图  ┊ 联系我们

Copyrights©2006 UI163.com All Rights Reserved 2007

 豫ICP备07501346号