Javascript技巧:列表CheckBox全选

王朝html/css/js·作者佚名  2007-01-04
窄屏简体版  字體: |||超大  

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

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
 
 
© 2005- 王朝網路 版權所有 導航