批量删除全选反选

最新推荐文章于 2020-01-08 00:43:15 发布

要你看

最新推荐文章于 2020-01-08 00:43:15 发布

阅读量315

点赞数

本文链接：https://blog.csdn.net/Chenkai_19960607/article/details/78519623

版权

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>全选/反选，批量删除</title>
<script src="js/jquery-3.2.1.min.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<input type="button" id="quanxuan" value="全选" οnclick="quan()"/>
<input type="button" id="fanxuan" value="反选" οnclick="fan()"/>
<input type="button" id="piliang" value="批量删除" />
<table border="1px" cellspacing="0px" cellpadding="0px">
<tr>
<td><input type="checkbox" name = "cb" /></td>
<td>姓名</td>
<td>性别</td>
<td>生日</td>
<td>地址</td>
<td>删除</td>
</tr>
<tr>
<td><input type="checkbox" name = "cb" /></td>
<td>张三</td>
<td>男</td>
<td>2017-101-10</td>
<td>北京海淀</td>
<td><input type="button" id="dele" value="删除" οnclick="dele(this)"/></td>
</tr>
<tr>
<td><input type="checkbox" name = "cb" /></td>
<td>张三</td>
<td>男</td>
<td>2017-101-10</td>
<td>北京海淀</td>
<td><input type="button" id="dele" value="删除" οnclick="dele(this)"/></td>
</tr>
<tr>
<td><input type="checkbox" name = "cb" /></td>
<td>张三</td>
<td>男</td>
<td>2017-101-10</td>
<td>北京海淀</td>
<td><input type="button" id="dele" value="删除" οnclick="dele(this)"/></td>
</tr>
<tr>
<td><input type="checkbox" name = "cb" /></td>
<td>张三</td>
<td>男</td>
<td>2017-101-10</td>
<td>北京海淀</td>
<td><input type="button" id="dele" value="删除" οnclick="dele(this)"/></td>
</tr>
<tr>
<td><input type="checkbox" name = "cb" /></td>
<td>张三</td>
<td>男</td>
<td>2017-101-10</td>
<td>北京海淀</td>
<td><input type="button" id="dele" value="删除" οnclick="dele(this)"/></td>
</tr>
</table>

<script type="text/javascript">
//全选
function quan(){
//获取su所有的复选框
// var cbs = document.getElementsByName("cb");
var cbs = $("input[type=checkbox]");
//遍历
for (var i = 1;i<cbs.length;i++) {
var cb = cbs[i];
//将所有的复选框置为true
cb.checked = true;
}

}
function fan(){
//获取su所有的复选框
// var cbs = document.getElementsByName("cb");
var cbs = $("input[type=checkbox]");
//遍历
for (var i = 1;i<cbs.length;i++) {
var cb = cbs[i];
//将所有的复选框置为true
cb.checked = !cb.checked;
}
}
//删除
function dele(t){
//确认框
var b = confirm("确认删除吗？");
if(b==true){
t.parentNode.parentNode.remove();
}
}
//批量删除
$("#piliang").click(function(){
var flag = false;
var arr = new Array();
//判断是否有选中的
var cbs = document.getElementsByName("cb");
var cbs = $("input[type=checkbox]");
//如果没有，提示
for (var i = 1;i<cbs.length;i++) {
var cb = cbs[i];
if (cb.checked==true) {
flag=true;
arr.push(cb);
}
}
//如果有的话，提示删除
if (flag==false) {
alert("请至少选中一个");
} else{
//确认删除，删除
var b = confirm("确定是否删除");
if(b==true){
//再次遍历，删除
for(var j = 0;j<arr.length;j++){
var cb = arr[j];
cb.parentNode.parentNode.remove();
}
}
}

});
</script>

</body>
</html>