积云教育——PHP1803A班级~AJAX批量删除

xiaoxiao2021-03-01  18

功能模块仅供参考(1803A班级):

1.显示页面,无显示无删除要删除先找删除的id

2.具体显示效果:

显示列表代码:

<table border="1"> <th>序号</th> <th>姓名</th> <th>图片</th> <th>缩略图</th> <th>操作</th> <?php foreach ($data as $key => $value): ?> <tr> <td><input type="checkbox" name="sg_id" value="<?php echo $value['id'] ?>"></td> <td><?php echo $value['id'] ?></td> <td><?php echo $value['username'] ?></td> <td><img src="<?php echo $value['picture'] ?>" width="50px" height="50px"></td> <td><img src="<?php echo $value['small_image'] ?>"></td> <td><input type="button" value="删除" onclick="check_delete(<?php echo $value['id'] ?>)"></td> </tr> <?php endforeach ?> <input type="button" value="全选" id="qx"> <input type="button" value="反选" id="no_qx"> <input type="button" value="批量删除" onclick="delall()"> </table>

 重点:做批量删除,重点是获取到复选框的id值,获取到后,将选中的值for循环拼接即可

书写代码删除事件:delall()方法

<script> //批量删除 事件 delall()方法 function delall(){ var str="";//定义一个空的值 var id=document.getElementsByName('sg_id');//根据name值获取到复选框的元素 var length=id.length;//获取它的长度 for(i=0;i<length;i++){ //根据循环将选中的值用逗号拼接一下,注意:值如果取不出来的话,看看checkbox有没有书写value值,至关重要 if(id[i].checked){ str+=id[i].value+','; } alert(str);//id获取到可以打印一下看看了,id取到了,底下ajax与之前一样 } } </script>
转载请注明原文地址: https://www.6miu.com/read-4200074.html

最新回复(0)