文章详情

  • 游戏榜单
  • 软件榜单
关闭导航
热搜榜
热门下载
热门标签
php爱好者> php文档>Javascript技巧:列表CheckBox全选

Javascript技巧:列表CheckBox全选

时间:2007-02-18  来源:PHP爱好者

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

程序代码:
CODE:
[复制到剪切板]
<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>  非常全面的一个php技术网站,php 爱好者站 http://www.phpfans.net 有相当丰富的文章和源代码.
调用方法:
全选的名称定为allbox,onclick事件执行CA(this.form);
选择项的checbox的onclick事件执行CCA(this.form,this);
排行榜 更多 +
辰域智控app

辰域智控app

系统工具 下载
网医联盟app

网医联盟app

运动健身 下载
汇丰汇选App

汇丰汇选App

金融理财 下载