jQuery实现列表的全选功能

前端之家收集整理的这篇文章主要介绍了jQuery实现列表的全选功能前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

只需要几行代码就可以实现列表的全选功能,并且可以配合post请求执行后台删除程序

js

代码如下:@H_404_6@
错误~"); } 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("没有选中内容",0); }); }) @H_404_6@

jquery.selectall.js

代码如下:@H_404_6@
404_6@

以上所述就是本文的全部内容了,希望大家能够喜欢。

原文链接:https://www.f2er.com/jquery/55216.html

猜你在找的jQuery相关文章