宝哥软件园

jQuery实现检验盒全选、反选及删除等操作的方法详解

编辑:宝哥软件园 来源:互联网 时间:2021-08-21

本文实例讲述了框架实现检验盒全选、反选及删除等操作的方法。分享给大家供大家参考,具体如下:

运行效果:

1.list.html

说明:用检验盒数组检查[]存放每一行的身份值

div id='con '表格宽度='100% '单元格间距='1 '单元格填充=' 0 ' tr thin put id=' CheckAll ' NAmE=' CheckAll ' type=' checkbox '/th THd/th NAmE/th THdate/th/tr tr TD input id=' Check[]' NAmE=' Check[]' type=' CheckAll ' value=' 1 '/TD TD TD TD 10001/TD tdXXX/TD TD TD 2015-12-01/TD/tr TD input id=' Check[]删除BTNBTN危险半径/div/功能:全选/全不选

说明:如果需要这里还可以根据选择结果显示/隐藏【删除】等按钮

//全选/全不选$('#CheckAll ').bind('click ',function(){ $(' input[name=' Check[]']').道具('选中',这个。选中);//显示删除按钮/* if(这个。选中==true){ $(' input[name=' Delete ').css('display ',' block ');}else{ $('input[name='Delete ').css('display ',' none ');}*/});3.功能:批量删除

说明:需注意的是在传值的的时候,要把获取的数组checkData转化成字符串checkData.toString()

//批量删除$(“# Delete”).单击(函数(){ if(confirm(')确定要删除所选吗?')){ var checks=$(' input[name=' Check[]']: checked ');if(checks.length==0){ alert('未选中任何项!');返回false} //将获取的值存入数组var checkData=new Array();支票。每个(函数(){ CheckDATa。推($(这个)).val());});$.get(' { SpUl c=order a=delete } ',{ check : check data。tostring()},function(result){ if(result=true){ window。位置。重载();}});} }});实际应用中往往不仅仅只有批量删除一个操作,通常还有其它的批量操作,我们可以对上面代码优化整合一下,将通用的功能放在一个文件中。

通用文件:jquery.ready.js

说明:因为这一部分较为通用可以放在一个公共的射流研究…文件里面,获取检验盒值可以写成一个变量函数

//获取被选中检验盒值var checked=function(){ var checks=$(' input[name=' Check[]']: checked ');if(checks.length==0){ alert('未选中任何项!');返回false } var checkData=new Array();支票。每个(函数(){ CheckDATa。推($(这个)).val());});返回check DATa };//全选/全不选$('#CheckAll ').bind('click ',function(){ $(' input[name=' Check[]']').道具('选中',这个。选中);//显示删除按钮/* if(这个。选中==true){ $(' input[name=' Delete ').css('display ',' block ');}else{ $('input[name='Delete ').css('display ',' none ');}*/});list.js

//批量删除$(“# Delete”).单击(函数(){ if(val=checked()){ if(confirm(')确定要删除所选吗?')){ $.get(' { SpUl c=order a=delete } ',{Check:val.toString()},function(result){ if(result=true){ window。位置。重载();}});} }});//批量操作.更多关于框架相关内容感兴趣的读者可查看本站专题: 《jQuery表格(table)操作技巧汇总》 、 《jQuery页面元素操作技巧汇总》 、 《jQuery常见事件用法与技巧总结》 、 《jQuery form操作技巧汇总》 、 《jQuery常用插件及用法总结》 、 《jQuery扩展技巧总结》 及《jquery选择器用法总结》

希望本文所述对大家框架程序设计有所帮助。

更多资讯
游戏推荐
更多+