This Domain(Admin5.com) is for Sale:

Javascript技巧:列表CheckBox全选

时间:2007-12-27  来源:不详  作者:林子

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


程序代码:
<scriptlanguage="javascript">
<!--

functionCA(frm)
{
vartrk=0;
for(vari=0;i<frm.elements.length;i )
{
vare=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属性的影响
}
}
}

functionCCA(frm,CB)
{
varTB=TO=0;
for(vari=0;i<frm.elements.length;i )
{
vare=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);

dedecms.com

看完这篇,您有何感觉呢?

文章评论

共有位Admini5网友发表了评论 查看完整内容

24小时热门信息