JavaScript全选(全消),动态全选全消
来源:互联网 发布:hp 3055 网络打印机 编辑:程序博客网 时间:2024/06/05 14:07
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>JavaScript全选(全消),动态全选全消</TITLE>
<script type="text/javascript" language="javascript">
function checkAll()//此方法用来全选和全消复选框
{
var items=document.getElementsByName("checkC");
var itemall=document.getElementById("all");
for(var i=0;i<items.length;i++){
items[i].checked=itemall.checked;
}
}
function resAll(){
var items=document.getElementsByName("checkC");
var itemall=document.getElementById("all");
var ite=0; //此变量用来记录当前选中的checkbox的个数
for(var i=0;i<items.length;i++){
//获得当前选中的checkbox的数量
if(items[i].checked){
ite++;
}
}
//如果当前选中的数量为有一个没有选中,并且全选框是选中状态
//则将全选框的状态变为不选择
if(ite==items.length-1&&itemall.checked){
itemall.checked=false;
}
/*---
//这个适用于你想把子选项完全去掉才将全选的效果去掉
if(ite==0&&itemall.checked){
itemall.checked=false;
}
---*/
//如果当前选中的数量为零并且全选框是未选中状态
//则将全选框的状态变为选择
if(ite==items.length&&!itemall.checked){
itemall.checked=true;
}
}
</script>
</HEAD>
<BODY>
此脚本适合由数据库动态创建时使用这样的,因为里面不需要传递参数。因此扩展性不是很高<br/>
<input type="checkbox" name="all" id="all" onclick="checkAll()">全选
<input type="checkbox" name="checkC" onclick="resAll()">1
<input type="checkbox" name="checkC" onclick="resAll()">2
<input type="checkbox" name="checkC" onclick="resAll()">3
<input type="checkbox" name="checkC" onclick="resAll()">4
<input type="checkbox" name="checkC" onclick="resAll()">5
<input type="checkbox" name="checkC" onclick="resAll()">6
<input type="checkbox" name="checkC" onclick="resAll()">7
</BODY>
</HTML>
<HTML>
<HEAD>
<TITLE>JavaScript全选(全消),动态全选全消</TITLE>
<script type="text/javascript" language="javascript">
function checkAll()//此方法用来全选和全消复选框
{
var items=document.getElementsByName("checkC");
var itemall=document.getElementById("all");
for(var i=0;i<items.length;i++){
items[i].checked=itemall.checked;
}
}
function resAll(){
var items=document.getElementsByName("checkC");
var itemall=document.getElementById("all");
var ite=0; //此变量用来记录当前选中的checkbox的个数
for(var i=0;i<items.length;i++){
//获得当前选中的checkbox的数量
if(items[i].checked){
ite++;
}
}
//如果当前选中的数量为有一个没有选中,并且全选框是选中状态
//则将全选框的状态变为不选择
if(ite==items.length-1&&itemall.checked){
itemall.checked=false;
}
/*---
//这个适用于你想把子选项完全去掉才将全选的效果去掉
if(ite==0&&itemall.checked){
itemall.checked=false;
}
---*/
//如果当前选中的数量为零并且全选框是未选中状态
//则将全选框的状态变为选择
if(ite==items.length&&!itemall.checked){
itemall.checked=true;
}
}
</script>
</HEAD>
<BODY>
此脚本适合由数据库动态创建时使用这样的,因为里面不需要传递参数。因此扩展性不是很高<br/>
<input type="checkbox" name="all" id="all" onclick="checkAll()">全选
<input type="checkbox" name="checkC" onclick="resAll()">1
<input type="checkbox" name="checkC" onclick="resAll()">2
<input type="checkbox" name="checkC" onclick="resAll()">3
<input type="checkbox" name="checkC" onclick="resAll()">4
<input type="checkbox" name="checkC" onclick="resAll()">5
<input type="checkbox" name="checkC" onclick="resAll()">6
<input type="checkbox" name="checkC" onclick="resAll()">7
</BODY>
</HTML>
希望高手们不要砸我就好了!
- JavaScript全选(全消),动态全选全消
- 全选 全取消
- javascript 实现 全选全消容器内的checkbox 通用函数
- asp中checkbox全选全消功能的实现
- javascript 全选与全取消功能的实现
- angular 的全选 全删
- js实现权限树的添加权限时的全选全消功能
- js实现权限树的更新权限时的全选全消功能
- DBgrid 第一列加入CheckBox,点击列头 全选/全消
- DBgrid 第一列加入CheckBox,点击列头 全选/全消
- Javascipt 复选框全选或全消除
- jQuery实现checkbox全选全取消
- Jquery:checkbox全选和全取消
- AngularJs实现checkbox的全选、全取消
- Jquery 的 添加 全选 删除 全删
- angular 全选 全删 修改 排序
- checkbox全选全不选、子chekbox全选非全选对应父checkbox选不选——全
- javascript全选
- 在linux下运行java application的注意事项
- 使用Flex Builder 3.x 分析工具
- as3中Error#2037的原因
- 关于ORACLE索引
- 由对称性解2-SAT问题
- JavaScript全选(全消),动态全选全消
- 日期选择控件报错 NaN
- vba入门学习笔记1
- 创建数据库Web Services
- SQL Server 排序函数 ROW_NUMBER和RANK 用法总结
- ACM 算法题目解
- 24节气与任意年的阳历日期对应的转换公式
- 开发人员一定要加入收藏夹的网站
- Maven入门--概念与实例