| 标题 | jQuery实现列表的全选功能 |
| 内容 | 本文给大家分享的是使用jquery实现的全选删除插件的代码，非常的实用，本文示例是结合的ThinkPHP,小伙伴们可以自由扩展。 只需要几行代码就可以实现列表的全选功能，并且可以配合post请求执行后台的删除程序 js 代码如下: function DelAlert(data) { if(data == 'error') { alert("错误～"); } else if(data == 'success') { alert("成功～"); location.reload(); } } //引入jquery，这里后台配合的是thinkphp $(function(){ //每行的checkbox需要有check-value属性来存放当前行的id //选中全部，checkAll 为选中全部的checkbox的id selctone 为每一行checkbox的class $('#checkAll').selectall('selectone'); //删除选中，deleteAll为删除全部按钮的id selectone 为每一行checkbox的class 后台接收参数ids 格式如： 1,2,3 var url = "Home/Role/delall'"; $('#deleteAll').delselect('selectone',url,function(data){ DelAlert(data); },function(){ layer.msg("没有选中内容",2,0); }); }) jquery.selectall.js 代码如下: (function( $ ){ $.fn.selectall = function(className) { $(this).bind('click',function() { if($(this).attr('checked') == 'checked') { $(this).attr("checked",false) $('.'+className).attr('checked',false); }else{ $(this).attr('checked','checked'); $('.'+className).attr('checked','checked'); } }); $('.'+className).bind('click',function() { if($(this).attr('checked') == 'checked') { $(this).attr("checked",false); }else{ $(this).attr('checked','checked'); } }); }; $.fn.delselect = function(className,url,fun,unselectfun){ $(this).bind('click',function(){ var selectid = ''; $("."+className).each(function(){ if($(this).attr('checked')=='checked'){ selectid+=$(this).attr('check-value')+','; } }); if(selectid) { selectid = selectid.substring(0,selectid.length-1); $.post(url,{ids:selectid},function(data){ fun(data); }); }else { unselectfun(); } }); }; })( jQuery ); 以上所述就是本文的全部内容了，希望大家能够喜欢。 |
| 随便看 |
|
在线学习网考试资料包含高考、自考、专升本考试、人事考试、公务员考试、大学生村官考试、特岗教师招聘考试、事业单位招聘考试、企业人才招聘、银行招聘、教师招聘、农村信用社招聘、各类资格证书考试等各类考试资料。