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; } // 结束
js 分页全选或反选标识实现代码
声明:登载此文出于传递更多信息之目的,并不意味着赞同其观点或证实其描述。
Reply on: @reply_date@
@reply_contents@