全选/反选
//全选/反选
function checkOpposite() {
//获取所有复选框name属性值为check将其存入数组
var arr = $("[name='check']");
for (var i = 0; i < arr.length; i++) {
if (arr[i].checked) {
arr[i].checked = false;
} else {
arr[i].checked = true;
}
}
}
批量删除
function deleteSome() {
//获取id第一种方式
//var id = "";
// $("[name='checkone']:checked").each(function() {
// id += "," + $(this).val();
// });
// console.log(id.substring(1));
//获取id的第二种方式
//map():将jquery集合转换成其他数组
//get():将其他数组转换成js数组
//join():将数组中的元素拼成字符串,如果不传参,默认用逗号拼接,如果传参,以参数的格式拼接
var id = $("[name='checkone']:checked").map(function() {
return $(this).val();//map方法返回值为所获取的ID值
}).get().join();
console.log(id);
if (id == "") {
alert("请选择删除项!");
} else {
if (confirm('确认要删除该内容吗?')) {
//Ajax请求为:post,参数1:url,参数2:data,参数3:success/error function()方法,参数4:返回值类型
$.post("Servlet?path=delete", {
id : id
}, function(result) {
if (result) {
alert("删除成功!");
location = "Servlet?path=list";//你自己的后台地址
} else {
alert("删除失败!");
}
}, "json");
}
}
}
body内容
<div>
<input type="button" value="批量删除" οnclick="deleteSome()">
</div>
<table>
<tr>
<td><input type="checkbox" name="checkOpposite"
οnclick="checkOpposite()">全选/反选</td>
<td>编号</td>
</tr>
<!--这里用jsptl标签举的例子,若用记得导lib jar包或者自己打复选框标签 -->
<c:forEach varStatus="count" begin="1" end="10" step="1">
<tr>
<td><input type="checkbox" name="check" value=""></td>
<td>${count.count}</td>
</tr>
</c:forEach>
</table>