简单使用JQ代码 实现全选 反选 全不选 批删

原创 2017年01月03日 16:39:22
<html>
<table class="table">     <tr>         <td>选择</td>         <td>ID</td>         <td>NAME</td>         <td>SEX</td>         <td>AGE</td>         <td>TEL</td>         <td>操作</td>         <td>查看</td>     </tr>     <tbody class="tbo1">     <?php foreach($data as $key=>$val):?>     <tr>         <td><input type="checkbox" value="<?=$val['s_id']?>" class="c_box"></td>         <td><?=$val['s_id']?></td>         <td><?=$val['s_name']?></td>         <td><?=$val['s_sex']?></td>         <td><?=$val['s_age']?></td>         <td><?=$val['s_tel']?></td>         <td><a href="">操作</a></td>         <td><a href="?r=students/select&s_id=<?=$val['s_id']?>">查看</a></td>     </tr>     <?php endforeach;?>     </tbody> </table> <button class="all">全选</button> <button class="nall">反选</button> <button class="no_all">取消</button> <button class="delete">删除</button>
</html>
JQ代码``````````````````````````````````````````````
//反选 $(document).delegate('.doAll','click',function () {     $('.cbox').each(function () {         $(this).prop('checked',!$(this).prop('checked'));     }) })
//全选
$(document).delegate('.onAll','click',function () {     $('.cbox').each(function () {         $(this).prop('checked',true);     })
})
//全不选 $(document).delegate('.noAll','click',function () {     $('.cbox').each(function () {         $(this).prop('checked',false);     }) }) //批删 $(document).delegate('.delAll','click',function () {     $('.cbox').each(function () {         if ($(this).prop('checked')){             _ids $(this).val();             del(_ids,$(this))         }     }) }) function del(ids,obj) {     $.post('?r=students/getdel',{ids:ids},function (success) {         if (success == 1){             obj.parents('tr').remove();         }else {             alert('删除失败')         }     })
}
//单删 $('.oneDel').click(function () {         _id $(this).attr('id')         del(_id,$(this)) })
版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

PHP 时间函数 讲解用法

PHP时间函数的应用  时间函数在我们日常代码中不可少,熟练正确的使用时间函数可以让代码更加简洁 ,更加明了,达到事半功倍的效果 1/设置时区    学习时间函数呢 要先设置时区...

laravel 框架自带表单验证

laravel5 验证form表单提交数据 以及 报错/数据保留 一起学习 后台代码 前台正常form表单提交 //验证数据是否规范 $validator ...

apache 实现图片防盗链

什么是防盗链? 照搬百度百科 没错这就是防盗链。 盗链是指在自己的页面上展示一些并不在自己服务器上的内容。通常的做法是通过技术手段获得它人服务器上的资源地址,绕过别人的资...

更改Nginx网站根目录以及导致的403 forbidden问题解决

一、更改根目录 Nginx默认网站根目录为/usr/local/nginx/html,要将它改成/home/fuxiao/www 更改方法: vi /usr/local/nginx...

Nginx 出现 403 Forbidden 的解决办法

Nginx 也是当前流行的一款 轻量级服务器  在日常使用中呢 也会出现一些问题  今天 学习君 在安装配置Nginx的时候就出现了 403 Forbindden 的被禁止访问的错误   网上搜索之...

laravel5 文件上传

今天呢学习君在学习的过程中给大家带来了laravel5框架的文件上传   , 希望能和大家共同学习共同进步! 首先呢 大家先明白  计算机中文件上传呢需要哪些参数  1.原文件临时存储绝对路径...

Nginx 403 Forbidden错误的解决方法

今天在新的环境,重新搭建了项目组测试环境的nginx,来做负载和静态资源存储,结果所有的静态资源访问全是403 Forbidden,效果图如下: 我首先想到的是Linux服务器下,存...

php 获取随机数

#-------------------------------------------  # 获得最小和最大值之间随机数,位数不足补零  #---------------------------...

读书笔记第一章第三节1.3MySQL表存储引擎

为了深入学习MySQL  了解innerDB 学习君在 朋友的推荐下 阅读《MySQL技术内幕InnerDB存储引擎》--姜承尧 一书   并且总结笔记 在博客里给大家分享的同时也是给自己的...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)