jQuery选中删除功能

< script type=“text/javascript” src=“js/jquery-2.1.0.js”>
</ script>
$ (function(){
$ (“button#but”).click(function(){
var a=$ (“input.a”);
var r="";
for (var i=0;i<=a.length-1;i++) {
if(a[i].checked== true){//当选中一个或多个
r=r+i//返回一个r用于判断是否有选中
}
else{
a[i].checked=true;//如果没有选中就全部选中
}
}
$ (“input.a”).each(function(){//each遍历选择器返回objectHTML对象
if($(this).attr(“checked”)!=“checked”||r==""){//通过获取属性不等于checked或r为空
$(this).attr(“checked”,true);//表示没有任何选中
//就设置属性为全选
}
if(r!=""){//当r不为空点击就取消选中
$(this).removeAttr(“checked”);
}
})
})
$(“button#del”).click(function(){
$(“input.a:checked”).each(function() { // 遍历选中的checkbox
n = $(this).parents(“tr”).index(); // index获取checkbox父级tr在table的顺序
$(“table tr”).eq(n).remove();// 通过获取行而不是下标或者索引可以实现每一次删除都可以完成
//eq是table tr的集合数组
console.log(n);
})
})
})

 <div id="" style="width: 600px;height: 400px;border: 5px solid silver;"><p style="margin: 0px;"><strong>软件篇</strong></p><table border="0" cellspacing="0" cellpadding="10" style="width: 100%;"><tr><th>状态</th><th>发件人</th><th>主题</th></tr><tr class="b"><td><input class="a"type="checkbox"  value="q" /></td><td>李三</td><td class="left">周末来玩</td>
</tr><tr class="b"><td><input class="a"type="checkbox"   value="w" /></td><td>王五</td><td class="left">开开心心</td></tr><tr class="b"><td><input class="a"type="checkbox"   value="e" /></td><td>陈四</td><td class="left">条条框框</td></tr><tr class="b"><td><input class="a"type="checkbox"   value="r" /></td><td>塔六</td><td class="left">啊啊按时</td></tr><tr class="b"><td><input class="a"type="checkbox"   value="t" /></td><td>妖七</td><td class="left">啊啊撒网</td></tr> </table><button id="but">全选或者取消选中</button><button id="del">删除邮件</button></ div>

jQuery选中删除功能相关推荐

动态生成表格、隐藏表格、选中删除任意行、jquery、输入验证
PS: 游戏公司后台开发,工作模式:996. 于是写博客这事也荒废了.... 想想还是写一点吧. 呵呵,请不要笑话我注释写这么多,习惯了,我上班写代码都是有注释的. 我建两个相似的表是为了,给后台使用 ...
批量选中删除（包含全选）---jsp,servlet
0.引言前面文章已经实现了登录,查询,添加,修改和删除等功能,本篇文章在前面的基础上继续实现删除选中的功能. 一.分析删除功能分析 >>>1.在前端list.jsp页面的删除选中 ...
SAP UI5 应用开发教程之六十六 - 基于 OData V4 的 SAP UI5 表格控件如何实现删除功能试读版
一套适合 SAP UI5 初学者循序渐进的学习教程教程目录 SAP UI5 本地开发环境的搭建 SAP UI5 应用开发教程之一:Hello World SAP UI5 应用开发教程之二:SAP U ...
jQuery购物车完整功能实现，全代码详解（有动态效果图）
目录一.效果展示 : 二.主要功能介绍: 三.html代码: 四:css代码: 五.核心步骤: 六.jQuery代码(重点) 七.感谢一.效果展示 : 二.主要功能介绍: 1.点击商品数量左右按钮 ...
自定义listView添加滑动删除功能
今天研究了一下android里面的手势,结合昨天学习的自定义View,做了一个自定义的listview,继承自listView,添加了条目的滑动手势操作,滑动后出现一个删除按钮,点击删除按钮,触发一个 ...
响应键盘delete键的删除功能
有一段时间都没有想出自己接下来可以写点什么,要说没工夫写那是给自己找借口了,更多的原因,还是觉得东西学得还不是很彻底,写出来的也显得幼稚和肤浅,反倒会贻笑大方了.然而,真要是按这种心态下去的话,我这也 ...
9、图书修改，删除功能
1.添加图书修改,删除的Dao代码 /*** 图书Dao类* @author Administrator**/ public class BookDao {/*** 图书添加* @param con* ...
php实现复选框删除功能,php怎么实现复选框批量删除
php实现复选框批量删除的方法:首先连接数据库并获取一张表:然后创建一个form表单并定义一个复选框:接着添加一个批量删除按钮:最后创建删除的PHP处理页面即可. 本文操作环境:Windows7系统. ...
jQuery导航切换功能
jQuery导航切换功能 Css ----------------------------------------------------------------------------------- ...

jQuery选中删除功能

jQuery选中删除功能相关推荐

最新文章

热门文章