Javascript技巧:列表CheckBox全选
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:
上一篇:关于DOM事件模型的两件事
下一篇:编辑推荐:最新 javascript 技巧集[01]
文章来自:设计学院
收藏到网摘:
收藏到QQ书签
Tags:

