软件频道>设计工具系统开发安全办公陶吧IT教育Vista频道|Google Chrome Spring Web Flow 2.0 入门
您现在的位置: 天极网 > 软件频道 > Javascript技巧:列表CheckBox全选
全文

Javascript技巧:列表CheckBox全选

2007-01-09 08:55作者:未知出处:互联网责任编辑:龙犊
  实现checkbox全选和取消的功能,利用JAVASCRIPT实现

  最近做公司内的一个小项目,需要做一个多选项目的删除功能,于是写以下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; 
//www.aspxuexi.com 版权标记 文档来源 csdn  整理由asp学习网
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);

  阅读关于 Javascript 技巧 CheckBox 全选 JS 网页陶吧 龙犊 的全部文章

软件资讯·软件下载尽在天极软件

相关搜索:
关注此文读者还看过
近期热点
文章排行
本周
本月
最近更新
关于我们|About us|网站律师|天极服务|电子杂志|RSS订阅|加入我们|网站地图
TMG
Copyright (C) 1999-2009 Chinabyte.com, All Rights Reserved 版权所有 天极网络
商务联系、网站内容、合作建议:010-82657868
版权声明 在线提交意见反馈 渝ICP证B2-20030003号
经营性网站备案信息 网警备案 中国网站排名
天极传媒:天极网|比特网|IT专家网|IT商网|52PK游戏网|IT分众