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 异步加载详解(浏览器在javascript的加载方式)
May 20 Javascript
js汉字转拼音实现代码
Feb 06 Javascript
ajaxFileUpload.js插件支持多文件上传的方法
Sep 02 Javascript
JS实现的网页倒计时数字时钟效果
Mar 02 Javascript
使用impress.js制作幻灯片
Sep 09 Javascript
jQuery插件 Jqplot图表实例
Jun 18 Javascript
jQuery的ajax和遍历数组json实例代码
Aug 01 Javascript
jQuery实现移动端手机商城购物车功能
Sep 24 Javascript
JavaScript 字符串常用操作小结(非常实用)
Nov 30 Javascript
XMLHttpRequest对象_Ajax异步请求重点(推荐)
Sep 28 Javascript
Vue基于vuex、axios拦截器实现loading效果及axios的安装配置
Apr 26 Javascript
js实现跟随鼠标移动的小球
Aug 26 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 输出简单动态WAP页面
2009/06/09 PHP
php download.php实现代码 跳转到下载文件(response.redirect)
2009/08/26 PHP
PH P5.2至5.5、5.6的新增功能详解
2014/07/14 PHP
php实现短信发送代码
2015/07/05 PHP
PHP+Ajax异步带进度条上传文件实例
2016/11/01 PHP
使用新的消息弹出框blackbirdjs
2008/10/16 Javascript
图片onload事件触发问题解决方法
2011/07/31 Javascript
JavaScript判断浏览器类型的方法
2015/02/10 Javascript
Bootstrap Table表格一直加载(load)不了数据的快速解决方法
2016/09/17 Javascript
图文详解Javascript中的上下文和作用域
2017/02/15 Javascript
bootstrap中添加额外的图标实例代码
2017/02/15 Javascript
JavaScript设计模式之单例模式简单实例教程
2018/07/02 Javascript
layui递归实现动态左侧菜单
2019/07/26 Javascript
Vue路由守卫之路由独享守卫
2019/09/25 Javascript
微信小程序学习总结(一)项目创建与目录结构分析
2020/06/04 Javascript
vuex中store存储store.commit和store.dispatch的用法
2020/07/24 Javascript
[54:25]Ti4 循环赛第三日LGD vs MOUZ
2014/07/12 DOTA
[01:23:59]2018DOTA2亚洲邀请赛 4.1 小组赛 B组 VP vs Secret
2018/04/03 DOTA
python使用wmi模块获取windows下的系统信息 监控系统
2015/10/27 Python
利用Python中的pandas库对cdn日志进行分析详解
2017/03/07 Python
VSCode下配置python调试运行环境的方法
2018/04/06 Python
Python jieba库用法及实例解析
2019/11/04 Python
IDLE下Python文件编辑和运行操作
2020/04/25 Python
详解Python多线程下的list
2020/07/03 Python
印度最好的在线药品订购网站:PharmEasy
2018/11/30 全球购物
求∏的近似值,直到最后一项的绝对值小于指定的数
2016/02/12 面试题
办公室前台岗位职责范本
2013/12/10 职场文书
工程专业毕业生自荐信范文
2013/12/25 职场文书
劳动竞赛活动方案
2014/02/20 职场文书
开服装店计划书
2014/08/15 职场文书
2014领导班子“四风问题”对照检查材料思想汇报(执法局)
2014/09/21 职场文书
2014年村官工作总结
2014/11/24 职场文书
2014年后勤管理工作总结
2014/12/01 职场文书
外贸采购员岗位职责
2015/04/03 职场文书
员工升职自我评价
2019/03/26 职场文书
Python加密与解密模块hashlib与hmac
2022/06/05 Python