`
itmyhome
  • 浏览: 97525 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

jquery复选框checkbox实现删除

 
阅读更多

实现这样一个基本需求,页面有很多数据,可以删除一条或多条,删除前判断是否选中至少一条,否则提示。

function deleteUser() {
		//当时是想把内容以str+=""的方式 进行保存 ,但不行 
		//var str;
		var array = new Array(); //用于保存 选中的那一条数据的ID 
		var flag; //判断是否一个未选 
		$("input[name='selectFlag']:checkbox").each(function() { //遍历所有的name为selectFlag的 checkbox
					if ($(this).attr("checked")) { //判断是否选中  
						flag = true; //只要有一个被选择 设置为 true
					}
				})
		if (flag) {
			$("input[name='selectFlag']:checkbox").each(function() { //遍历所有的name为selectFlag的 checkbox
						if ($(this).attr("checked")) { //判断是否选中  
							//alert($(this).val());
							array.push($(this).val()); //将选中的值 添加到 array中
							//str+=$(this).val()+",";
						}
					})
			//将要集体删除的数据 传递给action处理 
			window.self.location = "deleteUser?info=" + array;
		} else {
			alert("请至少选择一个用户");
		}
	}


后台action进行接收数据 进行删除

@Override
	public String execute() throws Exception {
		// TODO Auto-generated method stub
		//前台是以a,b,c格式进行传输的 首先分解字符串 
		String s[] = info.split(",");
		/*
		 * for(int i=0;i<s.length;i++){ System.out.println(s[i]); }
		 */
		if (s.length > 0) {
			for (int i = 0; i < s.length; i++) {
				userDao.deleteUser(s[i]);
			}
		}
		return "success";
	}


分享到:
评论

相关推荐

    jquery复选框checkbox实现删除前判断

    在这个特定的场景中,我们需要实现一个功能,即在用户尝试删除数据前,判断他们是否至少选中了一个复选框(checkbox)。这通常发生在有多个记录需要操作时,如批量删除。 首先,我们来看一下提供的 jQuery 代码片段...

    jquery 复选框组件

    **jQuery 复选框组件详解** 在Web开发中,复选框(Checkbox)是一种常见的用户交互元素,用于让用户从多个选项中选择一个或多个。jQuery,作为一款强大的JavaScript库,提供了丰富的插件和方法来增强复选框的功能和...

    jQuery实现复选框checkbox全选、反选功能.rar

    本示例中,我们关注的是如何使用jQuery来实现复选框(checkbox)的全选和反选功能,这对于构建具有交互性的表单或者需要用户进行多选操作的界面是非常实用的。 在HTML中,复选框通常由`&lt;input&gt;`标签定义,类型为...

    jQuery多级复选框checkbox选中代码

    本教程主要探讨的是如何使用jQuery实现多级复选框(checkbox)的功能,包括水平横向、垂直纵向两种排列方式,并且提供了三种不同的样式供选择。通过这个项目,我们可以学习到如何用jQuery控制复选框的状态,以及如何...

    jQuery美化版复选框checkbox,自定义形状和颜色

    对于jQuery自定义复选框checkbox和单选框Radiobox,我们已经有介绍过不少了,比如9款迷人样式的CSS3自定义Checkbox复选框和HTML5/CSS3开关按钮 立体3D按钮。今天要介绍的是一款基于jQuery的美化版复选框,它的特点是...

    jQuery自定义美化复选框checkbox样式

    在"jQuery自定义美化复选框checkbox样式"这个项目中,我们可以看到以下几个关键知识点: 1. **CSS样式定义**:CSS文件(可能位于`css`目录下)用于定义复选框的样式。这包括但不限于边框、背景色、尺寸、过渡效果等...

    jquery复选框全选操作

    在本示例中,我们将聚焦于jQuery实现复选框的全选与反选功能,这对于创建数据筛选或批量操作的用户界面非常有用。下面将详细介绍这个功能的实现方式。 首先,我们需要在HTML页面中设置一组复选框,通常我们会为这些...

    jquery实现 复选框 选中和不选中 美化复选框

    jQuery作为一个强大的JavaScript库,提供了解决这一问题的方法,可以通过自定义CSS和事件处理来实现复选框的美化和交互功能。本文将详细介绍如何使用jQuery实现复选框的选中与不选中效果的美化。 首先,我们需要...

    复选框checkbox的jquery插件

    复选框checkbox的jquery插件, 用法:if($("#check").check()) $("#check").check(true);

    Jquery复选框美化

    "Jquery复选框美化"和"单选按钮美化"正是关注这个领域的技术实践。jQuery,一个强大的JavaScript库,为开发者提供了丰富的API和插件,使得这些基础的HTML元素能够变得更加吸引人和功能强大。 首先,复选框和单选...

    jQuery树形复选框插件.zip

    总的来说,jQuery树形复选框插件是实现层次化选择功能的强大工具。通过深入理解其内部机制和使用方法,我们可以灵活地调整和扩展,满足不同项目的需求。在开发过程中,不仅要关注代码的正确性,还要注重性能优化和...

    jquery获取复选框checkbox的值的简单实现方法

    使用jQuery库可以方便地实现这一功能,尤其是当我们需要对一组具有相同名称的复选框进行操作时。jQuery提供了一些选择器和方法,可以简化这类任务的实现。 首先,了解文档对象模型(DOM)中复选框的数据结构是十分...

    jQuery多级复选框checkbox选中代码.zip

    本文将深入探讨如何使用jQuery实现多级复选框的功能,通过分析提供的"jQuery多级复选框checkbox选中代码.zip"中的示例,我们将了解其实现原理及应用。 首先,"index.html"是项目的入口文件,它包含了页面的基本结构...

    jQuery自定义美化复选框checkbox样式.zip

    本资源"jQuery自定义美化复选框checkbox样式.zip"提供了一个利用 jQuery 实现的复选框(checkbox)美化方案。这个压缩包包含了一些必要的文件,如 HTML、CSS 和可能的 JavaScript 文件,使你可以轻松地将美观的复选...

    jquery 复选框 全选,全不选

    本话题主要关注如何使用jQuery来实现复选框的全选和全不选功能。在HTML页面中,复选框是一种常见的表单元素,用于让用户可以选择多个选项中的一个或多个。全选和全不选功能则为用户提供了一种便捷的方式来一次性选择...

    jquery 实现鼠标单击行时,选中checkbox复选框

    jquery 实现鼠标单击行时,改变行的背景颜色,选中checkbox复选框

    jQuery弹出框checkbox复选框多选代码.zip

    在给定的压缩包"jQuery弹出框checkbox复选框多选代码.zip"中,我们可以看到两个核心文件:`index.html`和`jquery-1.9.1.min.js`。这些文件共同构成了一个简单的jQuery应用,用于实现弹出框内的多选复选框功能。 ...

    表单复选框checkbox美化特效

    "表单复选框checkbox美化特效"是针对这种常见组件的一种视觉优化技术,它通过CSS样式和可能的JavaScript/jQuery实现,将原始的HTML复选框转变为更具吸引力和互动性的设计。 传统的HTML复选框在默认状态下,样式单一...

    jQuery如何判断checkbox(复选框)是否被选中

    在探讨如何使用jQuery判断复选框(checkbox)是否被选中的过程中,我们首先需要理解复选框的基本属性以及jQuery操作DOM元素的方式。复选框在HTML中被定义为`&lt;input type="checkbox"&gt;`,当它被选中时,其`checked`属性...

Global site tag (gtag.js) - Google Analytics