js分页全选或反选标识实现代码
2023-06-13 09:14:29 时间
注:对多选按钮操作。
1:批量全选添加、批量移除。
2:行单选添加、移除。
3:分页之后(全选或不选)状态标识依然存在
复制代码代码如下:
1:批量全选添加、批量移除。
2:行单选添加、移除。
3:分页之后(全选或不选)状态标识依然存在
/******>****>tr单选事件
------------------------------------------------------------------------------------*/
$("#ajaxshowmdqhListtbodytr").live("click",function(){
sx_tr_Value($(this),false,"");
});
/*筛选重复值
------------------------------------------------------------------------------------*/
varcgdd_id_List="";
vararray=newArray();
varis_add_id=true;
varsx_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(vari=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(vari=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(vark=0;k<array.length;k++)
{
if(array[k]!=""&&array[k]!=":")
{
cgdd_id_List+=array[k]+":";
}
}
$("#hfselectitemid").val(cgdd_id_List);
alert($("#hfselectitemid").val());
}
/****>****>[全选/全不选事件]
------------------------------------------------------------------------------------*/
$("#ajaxshowmdqhListinput[name=cgdd_checked_all]").live("click",function(){
varck=$(this).attr("checked");
varis_add_ckItem=false;//是否添加到已选择id集合中
varall_ck_item=newArray();//已选择ID集合
varnot_all_ck_item=newArray();//反选ID集合
all_ck_item=$("#hfselectitemid").val().split(":");
$("input[name=cg_state]").each(function(){
$(this).attr("checked",ck);
});//结束
cgdd_id_List="";
$("#ajaxshowmdqhListtbodytr").find("input").each(function(i){
if($(this).attr("checked"))//全选添加ID
{
for(vari=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(vari=0;i<all_ck_item.length;i++)
{
for(vark=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);
varSort_array=newArray();
Sort_array=SortArr($("#hfselectitemid").val());//排序
cgdd_id_List="";
for(vark=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());
});//结束
/*冒泡排序
------------------------------------------------------------------------------------*/
varSortArr=function(id_list)
{
varsortArray=newArray();
vartemp;
sortArray=id_list.split(":");
for(vari=0;i<sortArray.length;i++)
{
for(varj=0;j<i;j++)
{
if(parseInt(sortArray[j])>parseInt(sortArray[i]))
{
temp=sortArray[j];
sortArray[j]=sortArray[i];
sortArray[i]=temp;
}
}
}
temp="";
returnsortArray;
}//结束
相关文章
- 200行Html5+CSS3+JS代码实现动态圣诞树
- php 中js跳转页面跳转页面,js跳转代码_PHP页面跳转 Js页面跳转代码[通俗易懂]
- js漂浮广告代码_JavaScript上传文件代码
- 用js实现键盘方向键翻页功能的代码
- js批量上传界面的实现
- js获取鼠标位置杂谈附多浏览器兼容代码
- JS+XML省份和城市之间的联动实现代码
- ajax异步获取数据实现代码(js创建ajax对象)
- js数组中删除重复值的代码小结
- 用js判断页面是否加载完成实现代码
- js/jquery获取浏览器窗口可视区域高度和宽度以及滚动条高度实现代码
- JS实现商品倒计时实现代码
- JS定义回车事件(实现代码)
- js调用父窗口的具体实现代码
- js禁止页面复制功能禁用页面右键菜单示例代码
- 纯js简单日历实现代码
- js中cookie的添加、取值、删除示例代码
- js遍历json返回的map内容示例代码
- js取消单选按钮选中示例代码
- 利用js实现前台动态添加文本框,后台获取文本框内容(示例代码)
- JS实现侧悬浮浮动实例代码
- 浏览器图片选择预览、旋转、批量上传的JS代码实现
- JS验证邮箱格式是否正确的代码
- JS对象转换为Jquery对象实现代码
- Js表格万条数据瞬间加载实现代码
- .net后台代码调用前台JS的两种方式
- js实现局部页面打印预览原理及示例代码