Javascript技巧：列表CheckBox全选

最近做公司内的一个小项目，需要做一个多选项目的删除功能，于是写以下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);

上一篇： Struts Spring Hibernate上传下载 －－之一
下一篇： 第五章Java虚拟机（Chapter Five: The Java Virtual Machine）

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有