js 分页全选或反选标识实现代码


Posted in Javascript onAugust 09, 2011

注:对多选按钮操作。
1:批量全选添加、批量移除。
2:行单选添加、移除。
3:分页之后(全选或不选)状态标识依然存在

/* *****>****>tr单选事件 
------------------------------------------------------------------------------------*/ 
$("#ajaxshowmdqhList tbody tr").live("click",function(){ 
sx_tr_Value($(this),false,""); 
}); 
/* 筛选重复值 
------------------------------------------------------------------------------------*/ 
var cgdd_id_List=""; 
var array=new Array(); 
var is_add_id=true; 
var sx_tr_Value=function(obj,all_checked,ck_value) 
{ 
cgdd_id_List = $("#hfselectitemid").val(); 
if(!$(obj).find("input").attr("checked")) 
{ 
$(obj).find("input").attr("checked","checked"); 
array=$("#hfselectitemid").val().split(":"); 
for(var i=0;i<array.length;i++) 
{ 
if(array[i]==$(obj).attr("id")) 
{ 
is_add_id=false; 
} 
} 
if(is_add_id) 
{ 
cgdd_id_List +=$(obj).attr("id")+":"; 
} 
} 
else 
{ 
$(obj).find("input").attr("checked",false); 
array=cgdd_id_List.split(":"); 
cgdd_id_List=""; 
for(var i=0;i<array.length;i++) 
{ 
if(array[i]!=$(obj).attr("id")&&array[i]!="") 
{ 
cgdd_id_List +=array[i]+":"; 
} 
} 
} 
$("#hfselectitemid").val(cgdd_id_List); 
array = SortArr($("#hfselectitemid").val());// 排序 
cgdd_id_List=""; 
for(var k=0;k<array.length;k++) 
{ 
if(array[k]!=""&&array[k]!=":") 
{ 
cgdd_id_List+=array[k]+":"; 
} 
} 
$("#hfselectitemid").val(cgdd_id_List); 
alert($("#hfselectitemid").val()); 
} 
/* ***>****>[全选/全不选事件] 
------------------------------------------------------------------------------------*/ 
$("#ajaxshowmdqhList input[name=cgdd_checked_all]").live("click",function(){ 
var ck=$(this).attr("checked"); 
var is_add_ckItem=false;// 是否添加到已选择id集合中 
var all_ck_item = new Array(); // 已选择ID集合 
var not_all_ck_item=new Array();// 反选ID集合 
all_ck_item = $("#hfselectitemid").val().split(":"); 
$("input[name=cg_state]").each(function(){ 
$(this).attr("checked",ck); 
});// 结束 
cgdd_id_List=""; 
$("#ajaxshowmdqhList tbody tr").find("input").each(function(i){ 
if($(this).attr("checked"))// 全选添加ID 
{ 
for(var i = 0; i<all_ck_item.length; i++) 
{ 
if(all_ck_item[i]==$(this).attr("id")) 
{ 
is_add_ckItem=true; 
break; 
} 
} 
if(!is_add_ckItem) 
{ 
cgdd_id_List += $(this).attr("id")+":"; 
} 
is_add_ckItem = false; 
} 
else // 反选ID 
{ 
not_all_ck_item[i]=$(this).attr("id"); 
} 
});// 结束 
// 移除反选ID 
for(var i = 0; i<all_ck_item.length; i++) 
{ 
for(var k = 0; k<not_all_ck_item.length; k++) 
{ 
if(all_ck_item[i]==not_all_ck_item[k]) 
{ 
is_add_ckItem=true; 
break; 
} 
} 
if(!is_add_ckItem) 
{ 
if(all_ck_item[i]!=":"&&all_ck_item[i]!="") 
{ 
cgdd_id_List += all_ck_item[i]+":"; 
} 
} 
is_add_ckItem = false; 
} 
$("#hfselectitemid").val(cgdd_id_List); 
var Sort_array = new Array(); 
Sort_array = SortArr($("#hfselectitemid").val());// 排序 
cgdd_id_List=""; 
for(var k=0;k<Sort_array.length;k++) 
{ 
if(Sort_array[k]!=""&&Sort_array[k]!=":") 
{ 
cgdd_id_List+=Sort_array[k]+":"; 
} 
} 
$("#hfselectitemid").val(cgdd_id_List); 
cgdd_id_List= ""; 
alert($("#hfselectitemid").val()); 
});// 结束 
/* 冒泡排序 
------------------------------------------------------------------------------------*/ 
var SortArr=function(id_list) 
{ 
var sortArray=new Array(); 
var temp; 
sortArray=id_list.split(":"); 
for(var i=0;i<sortArray.length;i++) 
{ 
for(var j=0;j<i;j++) 
{ 
if(parseInt(sortArray[j])>parseInt(sortArray[i])) 
{ 
temp=sortArray[j]; 
sortArray[j]=sortArray[i]; 
sortArray[i]=temp; 
} 
} 
} 
temp=""; 
return sortArray; 
} // 结束
Javascript 相关文章推荐
javaScript(JS)替换节点实现思路介绍
Apr 17 Javascript
Javascript实现动态菜单添加的实例代码
Jul 05 Javascript
jQuery取得设置清空select选择的文本与值
Jul 08 Javascript
js实现文本框支持加减运算的方法
Aug 19 Javascript
解读Bootstrap v4 sass设计
May 29 Javascript
JS控制FileUpload的上传文件类型实例代码
Oct 07 Javascript
JS实现二叉查找树的建立以及一些遍历方法实现
Apr 17 Javascript
使用Vue自定义指令实现Select组件
May 24 Javascript
JSON.stringify()方法讲解
Jan 31 Javascript
javascript获取select值的方法完整实例
Jun 20 Javascript
关于JS解构的5种有趣用法
Sep 05 Javascript
JavaScript+HTML实现学生信息管理系统
Apr 20 Javascript
js字符串的各种格式的转换 ToString,Format
Aug 08 #Javascript
Jquery ajax传递复杂参数给WebService的实现代码
Aug 08 #Javascript
jquery学习笔记 用jquery实现无刷新登录
Aug 08 #Javascript
基于jQuery实现的水平和垂直居中的div窗口
Aug 08 #Javascript
关于hashchangebroker和statehashable的补充文档
Aug 08 #Javascript
基于jQuery的前端数据通用验证库
Aug 08 #Javascript
JS基础之undefined与null的区别分析
Aug 08 #Javascript
You might like
日本因肺炎疫情影响,这几部动漫推延播放!
2020/03/03 日漫
一个简单的php路由类
2016/05/29 PHP
静态页面下用javascript操作ACCESS数据库(读增改删)的代码
2007/05/14 Javascript
Jquery cookie操作代码
2010/03/14 Javascript
cloudgamer出品ImageZoom 图片放大效果
2010/04/01 Javascript
aspx中利用js实现确认删除代码
2010/07/22 Javascript
利用div+jquery自定义滚动条样式的2种方法
2013/07/18 Javascript
解决js数据包含加号+通过ajax传到后台时出现连接错误
2013/08/01 Javascript
JavaScript的setAttribute兼容性问题解决方法
2013/11/11 Javascript
JavaScript中for..in循环陷阱介绍
2013/11/12 Javascript
一个获取第n个元素节点的js函数
2014/09/02 Javascript
jQuery使用toggleClass方法动态添加删除Class样式的方法
2015/03/26 Javascript
WEB前端实现裁剪上传图片功能
2016/10/17 Javascript
vue.js指令v-for使用及索引获取
2016/11/03 Javascript
Javascript类型判断相关例题及解析
2020/08/26 Javascript
python实现系统状态监测和故障转移实例方法
2013/11/18 Python
Python 爬虫多线程详解及实例代码
2016/10/08 Python
Python类属性的延迟计算
2016/10/22 Python
Python3连接SQLServer、Oracle、MySql的方法
2018/06/28 Python
python面向对象之类属性和类方法案例分析
2019/12/30 Python
python通过安装itchat包实现微信自动回复收到的春节祝福
2020/01/19 Python
基于python判断字符串括号是否闭合{}[]()
2020/09/21 Python
使用css3制作登录表单的步骤
2014/04/07 HTML / CSS
受欢迎的大学生自我评价
2013/12/05 职场文书
年终考核评语
2014/01/19 职场文书
开业庆典策划方案
2014/02/18 职场文书
银行求职自荐书
2014/06/25 职场文书
2014年大学教师工作总结
2014/12/02 职场文书
欢迎词范文
2015/01/27 职场文书
婚庆司仪开场白
2015/05/29 职场文书
go 原生http web 服务跨域restful api的写法介绍
2021/04/27 Golang
上帝为你开了一扇窗之Tkinter常用函数详解
2021/06/02 Python
RPM包方式安装Oracle21c的方法详解
2021/08/23 Oracle
php实例化对象的实例方法
2021/11/17 PHP
不负正版帝国之名 《重返帝国》引领SLG手游制作新的标杆
2022/04/07 其他游戏
HTML页面点击按钮关闭页面的多种方式
2022/12/24 HTML / CSS