Javascript 控制 CheckBox 的全选…

Javascript 控制 CheckBox 的全选与取消全选

作者: YITU.org        来源: YITU.org        时间: 2006-12-21 14:43:45

摘要: 在批量处理列表数据时，往往会用到  CheckBox  的全选与取消全选，虽然她的实现原理很简单，但是对新手来说还是有些难度，本文介绍的方法，触发条件独立，可以全选或取消全选指定  name  的  CheckBox  ，  同一页面可以有多组供全选的  CheckBox  ，功能健全，通用性较强。

在批量处理列表数据时，往往会用到  CheckBox  的全选与取消全选，虽然她的实现原理很简单，但是对新手来说还是有些难度，本文介绍的方法，触发条件独立，可以全选或取消全选指定  name  的  CheckBox  ，  同一页面可以有多组供全选的  CheckBox  ，功能健全，通用性较强。


--------------------------------------------------------------
点此浏览示例文件
--------------------------------------------------------------


>

<!--

// 说明：Javas cript 控制 CheckBox 的全选与取消全选

// 整理：http://www.CodeBit.cn

var el = document.getElementsByTagName_r('input');

if((el[i].type=="checkbox") && (el[i].name==name))

var el = document.getElementsByTagName_r('input');

if((el[i].type=="checkbox") && (el[i].name==name))

//-->

</script>

用法示例：
HTML:

<input type="checkbox" value="" { checkAll('test'); } else { clearAll('test'); }" /> 字母全选开关

<input type="checkbox" value="a" /> a

<input type="checkbox" value="b" /> b

<input type="checkbox" value="c" /> c

<input type="checkbox" value="d" /> d

<input type="checkbox" value="e" /> e

<input type="checkbox" value="f" /> f

<input type="checkbox" value="g" /> g

<input type="checkbox" value="" { checkAll('num'); } else { clearAll('num'); }" /> 数字全选开关

<input type="checkbox" value="1" /> 1

<input type="checkbox" value="2" /> 2

<input type="checkbox" value="3" /> 3

<input type="button" value="选择所有的字母" test')" />

<input type="button" value="清空选中的字母" test')" />

<input type="button" value="选择所有的数字" num')" />

<input type="button" value="清空选中的数字" num')" />

推荐链接：(联系 QQ ：326801485)

引文来源    Javascript 控制 CheckBox 的全选与取消全选 - 取消全选, 全选, checkbox, input,