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

╰半夏微凉° 2022-04-03 09:56 176阅读 0赞

### 全选/反选 ###

//全选/反选

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>
    		
    		<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>

发表评论取消回复

表情：

评论列表（有 0 条评论，176人围观）

还没有评论，来说两句吧...

相关阅读

相关 JavaScript实现全选、反选功能（Vue全选、反选，js原生全选、反选）

首先为复选框添加了一个事件监听器，当用户点击该复选框时，将触发该事件；然后在事件处理函数中，通过遍历所有复选框，将它们的选中状态设置为与复选框相同的状态。

缺乏、安全感/ 2024年04月22日 22:30/ 0 赞/ 77 阅读

相关 javascript全选、反选

<!DOCTYPE html> <html> <head> <title>test</title> </head> <body

谁借莪１个温暖的怀抱￠/ 2022年12月29日 00:15/ 0 赞/ 185 阅读

相关 javascript--全选、取消全选、反选

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

快来打我*/ 2022年09月21日 13:26/ 0 赞/ 232 阅读

相关 yii框架全选反选批量删除

<?php namespace app\\controllers; use Yii; use yii\\filters\\AccessControl;

太过爱你忘了你带给我的痛/ 2022年07月15日 00:37/ 0 赞/ 198 阅读

相关 Dom 全选全不选反选

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR

桃扇骨/ 2022年06月11日 00:06/ 0 赞/ 274 阅读

相关 js全选/全不选/反选

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

迷南。/ 2022年05月13日 10:08/ 0 赞/ 273 阅读

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

全选/反选 //全选/反选 function checkOpposite() { //获取所有复选框name属性值为check将其存入数组

╰半夏微凉°/ 2022年04月03日 09:56/ 0 赞/ 177 阅读

相关 jQuery实现全选/反选和批量删除

//全选/全不选 $(function()\{ //初始化时候,删除按钮隐藏 $("input\[name='Delete'").css("display",'non

朱雀/ 2022年01月12日 06:11/ 0 赞/ 377 阅读

相关全选、反选

//全选 function selectall(_obj,_obj1,_objv,_objv1){ var fg = _obj1.value == _objv?

我就是我/ 2022年01月05日 06:11/ 0 赞/ 363 阅读

相关全选-反选-全不选

简单易懂，上手快 $(function() \{ //全选 $("\all").click(function()

绝地灬酷狼/ 2021年10月03日 02:48/ 0 赞/ 543 阅读