<table class="table"> <tr> <td>序号</td> <td>姓名</td> <td>操作</td> </tr> <?php foreach($userInfo as $key => $val): ?> <tr id="tr_<?= $val['id']?>"> <td><input type="checkbox" name="deleteAll" uId="<?=$val['id']?>"/><?= $val['id']?></td> <td><?= $val['username']?></td> <td uId="<?= $val['id']?>" class="deleteOne"><a href="javascript:void(0)" >删除</a></td> </tr> <?php endforeach; ?> <tr> <td><input type="button" id="delete" value="删除"/></td> <td><input type="button" value="全选" id="a"/></td> </tr> </table> <script src="./css/js/jquery.1.12.min.js"></script> <script> $(function(){ //单删 $(".deleteOne").click(function(){ var uId=$(this).attr('uId'); //获取单个id var url="index.php?r=abc/delete-one"; var _this=$(this); $.get(url,{uId:uId},function(msg){ if(msg==1){ $('#tr_'+uId).remove(); } }); }); //批删 $('#delete').click(function(){ var checkbox= $('input[name="deleteAll"]'); var length=checkbox.length; //定义数组 var arr=new Array(); //循环 $.each(checkbox,function(k,v){ if(checkbox[k].checked){ arr.push(checkbox.eq(k).attr('uId')); } }); var str=arr.join(','); //变成字符串 var url="index.php?r=abc/delete-all"; //地址 //ajax $.get(url,{str:str},function(msg){ if(msg){ //循环删除 $.each(arr,function(k,v){ $('#tr_'+v).remove(); }) } }); }); //全选 反选 var a=true; $("#a").click(function() { $("input[name='deleteAll']").prop('checked',a); a=!a; }); }); </script>
单删,批删,全选,反选
最新推荐文章于 2019-03-25 17:05:14 发布