关于全选、反选，批量删除

版权声明：个人原创，未经博主允许不得转载 https://blog.csdn.net/weixin_40187450/article/details/85164888

全选/反选

//全选/反选

	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="批量删除" onclick="deleteSome()">
	</div>
	<table>
		<tr>
			<td><input type="checkbox" name="checkOpposite"
				onclick="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>