Javascript技巧:列表CheckBox全选
点击次数:21 次 发布日期:2008-11-26 23:11:16 作者:源代码网
|
源代码网推荐
源代码网整理以下最近做公司内的一个小项目,需要做一个多选项目的删除功能,于是写以下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;
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);
源代码网供稿. |