<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>无标题文档</title> <style type="text/css"> body { font-family: "Helvetica","Arial",sans-serif; background-color: #fff; color: #000; } table { margin: auto; border: 1px solid #699; } caption { margin: auto; padding: .2em; font-size: 1.2em; font-weight: bold; } th { font-weight: normal; font-style: italic; text-align: left; border: 1px dotted #699; background-color: #9cc; color: #000; } th,td { width: 10em; padding: .5em; } </style> </head> <body> <table id="stu"> <caption>学员信息表</caption> <thead> <tr> <th><input type="checkbox" name="nameCheck" onclick="checkAll(this.checked)" />全选</th> <th>学号</th> <th>姓名</th> <th>年龄</th> <th>国籍</th> </tr> </thead> <tbody> <tr> <td><input type="checkbox" name="nameCheck" /></td> <td>S001</td> <td>Danny</td> <td>26</td> <td>China</td> </tr> <tr> <td><input type="checkbox" name="nameCheck" /></td> <td>S002</td> <td>Jack</td> <td>24</td> <td>USA</td> </tr> <tr> <td><input type="checkbox" name="nameCheck" /></td> <td>S003</td> <td>William</td> <td>26</td> <td>England</td> </tr> <tr> <td><input type="checkbox" name="nameCheck"/></td> <td>S004</td> <td>Jenny</td> <td>24</td> <td>Swiss</td> </tr> <tr> <td><input type="checkbox" name="nameCheck" /></td> <td>S005</td> <td>Donald</td> <td>24</td> <td>China</td> </tr> <tr> <td><input type="checkbox" name="nameCheck" /></td> <td>S006</td> <td>Betty</td> <td>24</td> <td>Taiwan</td> </tr> </tbody> </table> <div style="width:900px; margin:20px auto;"><input type="button" value="删除多行" onclick="delRow();" /></div> <script type="text/javascript"> //全选 function checkAll(val){ var arr = document.getElementsByName("nameCheck"); //循环全选和非全选 for(var i=0;i<arr.length;i++){ arr[i].checked = val; } } //删除多行 function delRow(){ var checkArr=document.getElementsByName("nameCheck"); var count=0; var arr=new Array(); for(var i=1;i<checkArr.length;i++){ if(checkArr[i].checked == true){ arr[count]=i; count++; } } if(count==0){ alert("请选择你要删除的行"); }else{ var wu="你确定要删除第"+arr+"条吗?"; if(confirm(wu)){ for(var j=arr.length-1;j>=0;j--){ document.getElementById("stu").deleteRow(arr[j]); } alert("删除成功"); } } } </script> </body> </html>
效果图:
个人E-mail:chaoyi77@163.com
相关推荐
易语言多行编辑框快捷键全选模块源码,多行编辑框快捷键全选模块,多行编辑框快捷键全选,SetProp,SetWindowLong,CallWindowProc,GetProp,SendMessage
CheckBox全选与否,及删除问题
改进gridView的单选和多选功能 实现全选和取消全选功能
本篇文章主要介绍了Jqgrid设置全选(选择)及获取选择行的值示例代码。需要的朋友可以过来参考下,希望对大家有所帮助
易语言超级列表框全选和选项及消除全选
实现的效果就是: 1.点击全选选中所有商品,再点击全选,取消勾选 2.在选中的同时获取需要的商品id,获取后是以字符串拼接的形式 ...checked代表选中与否 ,ture选中,false未选中 //删除购物车商品的按钮 删除</
本代码提供全选后进行删除的处理,解决了单个的数据删除不了的问题
js实现全选和反选功能 js实现全选和反选功能 js实现全选和反选功能 js实现全选和反选功能 js实现全选和反选功能
GridView全选与批量删除所使用到的技术: Asp.net技术及数据源控件GridView且使用到Linq技术
gridview 全选和取消,使用全选进行删除什么的
Android在recycleview中进行全选和取消全选,获取已选择数据并且显示在文本上。亲测可用。亲测可用。
asp.net(C#),DataList控件里嵌入CheckBox,实现全选、反选以及删除功能。
转载pink老师
复选框的全选和反选复选框的全选和反选复选框的全选和反选
js+jsp实现全选删除 js+jsp实现全选删除 js+jsp实现全选删除
很好用的使用jquery来实现的通用的全选反选功能
JS控制checkbox全选、取消全选、删除功能的代码贴出来。 看下面两种实现方法:
JQuery实现checkbox的全选取消全选
实现listview的全选,删除,单选删除等功能
这是Jquery的全选和反选功能的实现,并且在全选时能改变成取消全选