首页产品库评测行情新闻|手机数码笔记本台式机DIY硬件数字家庭数码相机办公外设|软件下载游戏开发|社区

更多

数码相机
MP4
LCD
机箱
音箱

软件资讯设计 工具 系统 开发 安全 办公 陶吧 IT教育 Vista频道 | 下载中心酷我音乐盒 腾讯QQ
天极网 > 软件频道 >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 网页陶吧 龙犊 的全部文章 热卖推荐: 手机 诺基亚 MP5 电脑包 双卡双待 手机链 U盘 笔记本电脑

关注此文的读者还看过:

返回软件频道首页

共1页。 1
  • 1.Javascript技巧:列表CheckBox全选

软件频道最新更新

热点推荐

IT嘉年华

编辑推荐

软件下载

热门
推荐

网友关注

软件
资料
游戏

装机推荐

文章排行

本周
本月
最新更新
天极服务|关于我们|About us|网站律师|RSS订阅|友情合作|加入我们|天极动态|网站地图|MSN/QQ上看天极
Copyright (C) 1999-2009 Yesky.com, All Rights Reserved 版权所有 天极网络