一个很好用的控制checkbox全选与全不选的方法
来源:互联网 发布:南风知我意2下载 编辑:程序博客网 时间:2024/06/08 09:30
JavaScript部分
<script type="text/javascript">
// 说明:Javascript 控制 CheckBox 的全选与取消全选
// 整理:http://www.CodeBit.cn
function checkAll(name)
{
var el = document.getElementsByTagName('input');
var len = el.length;
for(var i=0; i<len; i++)
{
if((el[i].type=="checkbox") && (el[i].name==name))
{
el[i].checked = true;
}
}
}
function clearAll(name)
{
var el = document.getElementsByTagName('input');
var len = el.length;
for(var i=0; i<len; i++)
{
if((el[i].type=="checkbox") && (el[i].name==name))
{
el[i].checked = false;
}
}
}
</script>
之后只需在全选按钮的标签中加上onclick="if(this.checked==true) { checkAll('ids'); } else { clearAll('ids'); }"即可
ids为checkbox的name
- 一个很好用的控制checkbox全选与全不选的方法
- Javascript 控制 CheckBox 的全选与取消全选
- Javascript 控制 CheckBox 的全选与取消全选
- 转:Javascript 控制 CheckBox 的全选与取消全选
- js控制checkbox的全选/全不选
- 实现全选和取消全选(JavaScript控制CheckBox 的全选与取消全选)
- DataGrid 的 全选/取消全选 控制(CheckBox)
- DataGrid 的 全选/取消全选 控制(CheckBox)
- DataGrid 的 全选/取消全选 控制(CheckBox)
- DataGrid 的 全选/取消全选 控制(CheckBox)
- DataGrid 的 全选/取消全选 控制(CheckBox)
- DataGrid 的 全选/取消全选 控制(CheckBox)
- DataGrid 的 全选/取消全选 控制(CheckBox)
- DataGrid 的 全选/取消全选 控制(CheckBox)
- DataGrid的全选/取消全选控制(CheckBox)
- 控制Checkbox全选的JS
- checkbox全选按钮的控制
- checkbox全选/全不选的三种方法
- MVC模式
- topcoder srm 359(2007-07-22 11:51)
- VS2005 msvcr80.dll / msvcr80d.dll 无法找到
- 中日关系(从古至今)
- windows socket编程实例-UDP(2007-07-22 14:05)
- 一个很好用的控制checkbox全选与全不选的方法
- [转载]用户权限管理经典篇
- topcoder srm 360(2007-07-25 10:15)
- windows socket 编程实例--TCP(2007-07-28 14:33)
- Data-Driven Unit Test with Excel 2007要点
- [转]Windows Sockets 错误码及出错原因(2007-07-28 14:39)
- [转]浅谈“三层结构”原理与用意
- ZOJ 1484 Minimum Inversion Number(2007-07-30 20:45)
- 云南贫困县公安局政委在机关大院设宴500桌嫁女