Home > Web Front-end > JS Tutorial > js paging select all or reverse selection logo implementation code_javascript skills

js paging select all or reverse selection logo implementation code_javascript skills

WBOY
Release: 2016-05-16 18:03:41
Original
1323 people have browsed it

Note: Operates on multi-select buttons.
1: Select all to add and remove in batches.
2: Row radio selection added and removed.
3: After paging (select all or not select) the status mark still exists

Copy the code The code is as follows:

/* *****>****>tr single selection event
---------------------- -------------------------------------------------- ------------*/
$("#ajaxshowmdqhList tbody tr").live("click",function(){
sx_tr_Value($(this),false," ");
});
/* Filter duplicate values
--------------------------------- -------------------------------------------------- ----*/
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{
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{
if(array[i]!=$(obj).attr("id")&&array [i]!="")
{
cgdd_id_List =array[i] ":";
}
}
}
$("#hfselectitemid").val( cgdd_id_List);
array = SortArr($("#hfselectitemid").val());// Sort
cgdd_id_List="";
for(var k=0;k{
if(array[k]!=""&&array[k]!=":")
{
cgdd_id_List =array[k] ":";
}
}
$("#hfselectitemid").val(cgdd_id_List);
alert($("#hfselectitemid").val());
}
/* *** >****>[Select all/unselect all events]
--------------------------------- -------------------------------------------------- ----*/
$("#ajaxshowmdqhList input[name=cgdd_checked_all]").live("click",function(){
var ck=$(this).attr("checked") ;
var is_add_ckItem=false; // Whether to add it to the selected ID set
var all_ck_item = new Array(); // Selected ID set
var not_all_ck_item=new Array(); // Inverse selection ID collection
all_ck_item = $("#hfselectitemid").val().split(":");
$("input[name=cg_state]").each(function(){
$(this).attr("checked",ck);
});//End
cgdd_id_List="";
$("#ajaxshowmdqhList tbody tr").find("input") .each(function(i){
if($(this).attr("checked"))// Select all and add ID
{
for(var i = 0; 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 // Invert ID
{
not_all_ck_item[i]=$(this).attr("id");
}
});// End
/ / Remove the inverse selection ID
for(var i = 0; i{
for(var k = 0; 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());// Sort
cgdd_id_List="";
for(var k=0;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());
});//End
/* Bubble sort
-------------------------------------------------- ----------------------------------*/
var SortArr=function(id_list)
{
var sortArray=new Array();
var temp;
sortArray=id_list.split(":");
for(var i=0;i{
for(var j=0;j{
if(parseInt(sortArray[j])>parseInt(sortArray[i]))
{
temp=sortArray[j];
sortArray[j]=sortArray[i];
sortArray[i]=temp;
}
}
}
temp=" ";
return sortArray;
} // end
Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template