Jquery如何删除table里面checkbox选中的多个行
2016-07-30 21:26
567 查看
思路:遍历被选中的checkbox对象→根据选中项筛选出需要删除的行→删除行。实例说明如下:
1、HTML结构
2、jquery代码
3、效果演示
1、HTML结构
<table id = "test_table"> <tr><td><input type="checkbox" name="test"></td><td>1</td><td>2</td><td>3</td></tr> <tr><td><input type="checkbox" name="test"></td><td>4</td><td>5</td><td>6</td></tr> <tr><td><input type="checkbox" name="test"></td><td>7</td><td>8</td><td>9</td></tr> <tr><td><input type="checkbox" name="test"></td><td>10</td><td>11</td><td>12</td></tr> </table> <input type="button" value="删除">
2、jquery代码
$(function(){ $("input[type='button']").click(function() { $("input[name='test']:checked").each(function() { // 遍历选中的checkbox n = $(this).parents("tr").index(); // 获取checkbox所在行的顺序 $("table#test_table").find("tr:eq("+n+")").remove(); }); }); });
3、效果演示
相关文章推荐
- Jquery如何删除table里面checkbox选中的多个行
- Jquery删除table里面checkbox选中的多个行
- Jquery删除table里面checkbox选中的多个行
- JQuery如何获取table中checkBox选中的多行的值并传到另一个html页面中
- jquery实现checkbox全选,选择性勾选,以及table中点击tr中任意一行实现选中或不选中
- jQuery基础:select、checkbox、text、radio取值、选中、删除等
- table里面,怎么根据checkbox选择的一行中的某个单元格的值是否为空,来判断是否该选中
- jquery判断asp.net<asp:Repeater>里面的checkbox是否选中
- jquery如何获取checkbox,并判断是否选中
- jquery 判断checkbox 是否选中和如何动态选中一个checkbox
- JQuery操作table中checkbox全选删除,图片放大浏览效果。
- 关于jquery 如何判断checkbox 是否选中
- jQuery基础:select、checkbox、text、radio取值、选中、删除等
- 关于jquery遍历已选中的checkbox事件,获取其值,批量进行删除
- jquery和js如何判断checkbox是否选中
- 如何使用jquery选择多个checkbox以及如何判断checkbox选中的数量
- table 里面的 checkbox 全选,取消,单选,选中一行后选中行高亮
- 如何用jquery实现checkbox的全选、反选、取消反选,以及如何得到选中的checkbox的值
- 转载:jquery如何来获取label标签里的内容 checkbox选中后获取label标签内容
- jQuery如何动态删除TR,input按钮删除本行记录,checkbox全选反选