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

时间:2024-04-22 22:44:07 

注:对多选按钮操作。
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;
} // 结束
标签:全选,或反选
0
投稿

猜你喜欢

  • Python调用Tkinter示例浅析

    2022-04-30 02:53:32
  • redis不能访问本机真实ip地址的解决方案

    2023-07-05 13:09:44
  • 吴恩达机器学习练习:神经网络(反向传播)

    2021-12-13 05:13:25
  • python实现名片管理系统

    2021-04-02 22:21:40
  • 布同 统计英文单词的个数的python代码

    2023-12-27 09:19:22
  • 在go文件服务器加入http.StripPrefix的用途介绍

    2023-06-26 07:19:07
  • js简易namespace管理器 实例代码

    2024-04-22 13:23:36
  • pytorch学习教程之自定义数据集

    2021-06-09 03:13:16
  • python识别验证码的思路及解决方案

    2022-02-02 16:05:13
  • Python机器学习工具scikit-learn的使用笔记

    2021-08-30 10:28:50
  • Zend Framework教程之资源(Resources)用法实例详解

    2023-11-06 02:49:50
  • Python while 循环使用的简单实例

    2022-11-16 15:56:18
  • 抛砖引玉Web2.0设计指南

    2008-06-30 12:49:00
  • 关于vue父组件调用子组件的方法

    2024-04-09 10:47:43
  • Python实现确认字符串是否包含指定字符串的实例

    2022-04-28 07:40:28
  • Go语言实现一个Http Server框架(一) http库的使用

    2024-02-19 23:25:34
  • Python利用psutil实现获取硬件,网络和进程信息

    2023-08-12 18:37:44
  • 彻底删除thinkphp3.1案例blog标签的方法

    2023-11-21 12:01:01
  • 详解Vue.js 可拖放文本框组件的使用

    2024-04-27 15:47:22
  • PyTorch深度学习LSTM从input输入到Linear输出

    2022-04-03 23:11:32
  • asp之家 网络编程 m.aspxhome.com