DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> js 分頁全選或反選標識實現代碼
js 分頁全選或反選標識實現代碼
編輯:關於JavaScript     
注:對多選按鈕操作。
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;
} // 結束
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved