简单使用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)) })
版权声明:本文为博主原创文章,未经博主允许不得转载。

jq 全选,全不选 ,反选 获取选取项的值

反选、全选、全不选 1.苹果 2.橘子 3.香蕉 4.柿子 5.西瓜 6.水蜜桃 ...

Android4.2中简单实现checkbox全选、全不选、反选

activity_main.xml http://schemas.android.com/apk/res/android"     xmlns:tools="http://schemas.andr...

JavaScript实现的全选、全不选和反选的代码

//例一 无标题文档 function sel_all(flag){   //定义标记,   var isSel=false;   //获取所有的name="aihao"...

基本的全选,反选,全不选.批删,批量添加.即点即改

"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitiona...

JS实现全选反选全不选

  • 2017年06月18日 19:22
  • 2KB
  • 下载

复选框(checkbox)全选/全不选/反选代码

复选框(checkbox)全选/全不选/返选 body,dl,dt,dd,p{margin:0;padding:0;} body{font-family:Tahoma;font-size:12px...

全选,反选,全不选代码

//连接数据库 include "../userManage/include/dbConn.php"; $sql="select * from user"; $a=mysql_query($sq...

用js代码写全选与全不选

  • 2010年10月23日 22:44
  • 17KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:简单使用JQ代码 实现全选 反选 全不选 批删
举报原因:
原因补充:

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