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 相关文章推荐
各浏览器对link标签onload/onreadystatechange事件支持的差异分析
Apr 27 Javascript
元素未显示设置width/height时IE中使用currentStyle获取为auto
May 04 Javascript
jQuery获取节点和子节点文本的方法
Jul 22 Javascript
javascript学习笔记(四)function函数部分
Sep 30 Javascript
javascript基本类型详解
Nov 28 Javascript
EasyUI修改DateBox和DateTimeBox的默认日期格式示例
Jan 18 Javascript
在vue.js中抽出公共代码的方法示例
Jun 08 Javascript
微信小程序 共用变量值的实现
Jul 12 Javascript
JavaScript实现预览本地上传图片功能完整示例
Mar 08 Javascript
Vue实战教程之仿肯德基宅急送App
Jul 19 Javascript
关于JS解构的5种有趣用法
Sep 05 Javascript
js中Object.create实例用法详解
Oct 05 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
PHP输出时间差函数代码
2013/01/28 PHP
求帮忙修改个php curl模拟post请求内容后并下载文件的解决思路
2015/09/20 PHP
ThinkPHP中html:list标签用法分析
2016/01/09 PHP
PHP有序表查找之二分查找(折半查找)算法示例
2018/02/09 PHP
Laravel 读取 config 下的数据方法
2019/10/13 PHP
由JavaScript技术实现的web小游戏(不含网游)
2010/06/12 Javascript
字符串的replace方法应用浅析
2011/12/06 Javascript
通过jQuery源码学习javascript(二)
2012/12/27 Javascript
EasyUI加载完Html内容样式渲染完成后显示
2016/07/25 Javascript
那些精彩的JavaScript代码片段
2017/01/12 Javascript
ES6深入理解之“let”能替代”var“吗?
2017/06/28 Javascript
jQuery Form插件使用详解_动力节点Java学院整理
2017/07/17 jQuery
使用Vue中 v-for循环列表控制按钮隐藏显示功能
2019/04/23 Javascript
jQuery实现弹幕特效
2019/11/29 jQuery
js实现多图和单图上传显示
2019/12/18 Javascript
JS浏览器BOM常见操作实例详解
2020/04/27 Javascript
Node.js API详解之 zlib模块用法分析
2020/05/19 Javascript
解决vue 使用axios.all()方法发起多个请求控制台报错的问题
2020/11/09 Javascript
Python字符串处理函数简明总结
2015/04/13 Python
python判断一个集合是否包含了另外一个集合中所有项的方法
2015/06/30 Python
Python数组遍历的简单实现方法小结
2016/04/27 Python
python使用插值法画出平滑曲线
2018/12/15 Python
Python XlsxWriter模块Chart类用法实例分析
2019/03/11 Python
Python3将数据保存为txt文件的方法
2019/09/12 Python
python 6种方法实现单例模式
2020/12/15 Python
aec加密 php_php aes加密解密类(兼容php5、php7)
2021/03/14 PHP
Sperry官网:帆船鞋创始品牌
2016/09/07 全球购物
澳大利亚拥有最佳跳伞降落点和最好服务的跳伞项目运营商:Skydive Australia
2018/03/05 全球购物
澳大利亚女士时装在线:Rockmans
2018/09/26 全球购物
学生党员思想汇报
2013/12/28 职场文书
社区母亲节活动方案
2014/03/05 职场文书
2014年施工员工作总结
2014/11/18 职场文书
2014年督导工作总结
2014/11/19 职场文书
乡镇干部学习心得体会
2016/01/23 职场文书
以MySQL5.7为例了解一下执行计划
2022/04/13 MySQL
基于Python编写一个监控CPU的应用系统
2022/06/25 Python