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

全选/反选

//全选/反选

	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>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值