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

利用js实现多项删除以及全选功能的实现

阅读更多
<input type="checkbox" id="ckb" name="selectAll" onclick="selectAll()"/>全选
<input type="button" value="删除选中" onclick="deleteCheck();"/>
<input type="checkbox" value="<%=list.get(i).getId()%>" name="chckBox"/></td>

 如山为html代码,实现全选的js代码为:

function selectAll()
			{  
		        var chckBoxSign = document.getElementById("ckb");       //ckb 全选/反选的选择框id  
		        var chckBox = document.getElementsByName("chckBox");
		        var num = chckBox.length;  
		        if(chckBoxSign.checked)
		        {  
		            for(var index =0 ; index<num;index++)
		                chckBox[index].checked = true;  
		        }
		        else{  
		            for(var index =0 ; index<num;index++)
		                chckBox[index].checked = false;  
		        }  
		     } 

 实现选中删除的js代码:

 function deleteCheck(){  
			        var chckBox = document.getElementsByName("chckBox");  
			        var num = chckBox.length;  
			        var ids = "";  
			        for(var index =0 ; index<num;index++)
			        {
			            if(chckBox[index].checked){  
			                ids += chckBox[index].value + ",";                
			            }  
			        }  
			        if(ids!="")
			        {  
			            if(window.confirm("确定删除所选记录?"))
			            {  
			            	//ids为数组里面存有选中的记录的id
			            	location="deleteSelect.vid?ids="+ids;
			            }  
			        }
			       else
			       {  
			            alert("请选择要删除的记录");  
			       }  
			    }  

 而在servlet中通过

String [] ids = request.getParameterValues("ids");

 来获取存放要删除记录的id的数组,然后通过其他操作进行删除!

分享到:
评论

相关推荐

    JS控制选择框全选取消全选

    本文将详细解析如何利用JS控制选择框(通常为复选框)的全选与取消全选功能,以及在此基础上实现批量操作。 ### 核心知识点:JS控制选择框全选/取消全选 #### 1. HTML结构定义 在HTML文档中,选择框(复选框)由`...

    CheckBox全选并删除

    在ASP.NET开发中,CheckBox控件常常用于实现用户界面中的多选功能,而"CheckBox全选并删除"这个主题涉及到两个关键操作:全选和删除。全选功能允许用户一次性选择多个选项,删除则通常指的是从数据库或其他数据存储...

    购物车全选功能购物车全选功能

    在这里,我们将深入探讨购物车全选功能的实现原理,以及如何在Vue.js框架下进行开发。 首先,我们要理解购物车全选功能的核心逻辑。通常,购物车中的每个商品都有一个选中状态,可以是true或false,表示是否被用户...

    jQuery实现列表的全选功能

    总结来说,这个示例提供了在jQuery中实现列表全选和批量删除功能的方法,利用自定义的`selectall`和`delselect`扩展,可以方便地与后端API集成,实现数据的增删改查操作。在实际项目中,根据具体需求,可能还需要...

    vue.js全选单选删除选中代码.zip

    在"vue.js全选单选删除选中代码.zip"这个压缩包中,我们看到的是一个实现了全选、单选以及删除选中项功能的示例代码。这个功能通常应用于数据列表的管理,比如歌单列表,用户可以方便地选择一个或多个条目进行操作,...

    checkbox全选反选与批量删除附源码

    在IT领域,尤其是在Web开发中,用户经常需要对列表中的多项数据进行操作,例如全选、反选和批量删除。这个场景通常涉及到前端交互和后端处理。在本例中,我们将探讨如何利用HTML的`checkbox`元素,JavaScript来实现...

    使用vue.js实现checkbox的全选和多个的删除功能

    通过这种方式,我们可以很方便地实现checkbox的全选和多个的删除功能,大大简化了操作逻辑,并且利用Vue.js的数据绑定机制,使得视图状态和数据状态能够实时同步。 Vue.js之所以强大,在于其简单的响应式原理和组件...

    JQuery实现列表中复选框全选反选功能封装(推荐)

    在实际开发过程中,可能还需要处理更多的细节问题,例如列表项动态添加或删除时,全选复选框状态的同步更新,以及如何处理全选复选框处于部分选中状态时的逻辑等。 此外,从代码复用和模块化开发的角度来看,将全选...

    C#实现删除所选(源码)

    在这个场景下,“C#实现删除所选(源码)”指的是利用C#语言和ASP.NET技术来实现用户界面中选择项的删除功能,包括全选和反选的选项。 全选功能允许用户一键选中列表或表格中的所有项目,通常在数据管理或批量操作的...

    简单的Jquery全选功能

    通过实现全选功能,用户可以轻松地选中多条记录,然后执行批量操作。 3. **问卷调查**:在线问卷设计时,为了便于统计,可以让用户一次性选择多个选项,此时也可以加入全选功能,让用户能够快速地选中所有选项。 #...

    比较全的JS checkbox全选、取消全选、删除功能代码

    在JavaScript(JS)中,处理复选框(checkbox)的全选、取消全选和删除功能是常见的需求,尤其在创建交互式用户界面时。以下是两种实现这些功能的方法。 **方法一:** 在这个方法中,我们通过`document.all`属性...

    react-native 相册(全选、删除、分享)

    在React-Native开发中,创建一个能够展示本地图片和视频,并提供全选、删除和分享功能的相册应用是一项常见的需求。以下将详细介绍如何利用React-Native实现这些功能。 首先,`react-native`是一个用于构建原生移动...

    vue实现购物车结算功能

    在Vue.js中定义的方法能够实现更复杂的逻辑处理,比如处理购物车结算功能中的商品数量修改、删除商品项以及全选操作等。方法可以响应用户的交互动作,并执行相应的数据处理逻辑。 ### 6. 条件渲染 条件渲染在Vue....

    小程序实现抛入购物车效果,计算金额,加减等功能

    在开发微信小程序的过程中,实现购物车功能是一项关键任务,它涉及到用户交互、商品管理以及价格计算等多个方面。本文将详细讲解如何在小程序中实现“抛入购物车”效果,以及购物车中的加减操作、金额计算、单选全选...

    jQuery手机通讯录选中删除代码.zip

    本篇文章将详细探讨如何使用jQuery实现手机通讯录的选中、多选、全选以及删除功能。 首先,我们需要了解基本的HTML结构,通常一个通讯录列表会由多个li元素组成,每个li元素代表一个联系人,包含姓名、电话等信息。...

    gridview添加复选框批量操作代码

    总结,这个示例展示了如何在GridView中添加复选框,并利用JavaScript实现全选/全不选功能,以及在后台处理批量删除操作。在实际开发中,还需要考虑用户体验、数据验证、错误处理和安全性等多个方面,以构建健壮的...

    使用div实现的复选选择控件

    在提供的压缩包文件中,`mulitselect_1.0.0 beta`和`mulitselect`可能是实现这种复选选择控件的完整代码库,包含了实现以上功能的JavaScript文件和CSS样式。你可以解压后查看源码,学习其中的实现细节,或者直接在...

    JS树状层级下拉菜单组件支持层级勾选

    "JS树状层级下拉菜单组件支持层级勾选"这一主题,主要涉及到如何利用JavaScript技术实现一个具有层次感、可多级勾选的下拉菜单,它允许用户在多个层次上进行选择,同时保持良好的用户体验。 首先,我们来理解一下...

    Avalonjs 实现简单购物车功能(实例代码).docx

    根据给定文件的信息,本文将详细介绍如何利用Avalonjs框架实现一个简单的购物车功能,并对其实现原理及过程进行深入解析。 ### 一、Avalonjs简介 Avalonjs是一个国产的MVVM(Model-View-ViewModel)框架,它以其...

    jsp 选定要删除的

    在JavaServer Pages (JSP) 中,"选定要删除的"这一主题通常涉及到网页表单交互,特别是用户选择多项数据后进行批量删除的操作。这里我们将深入探讨如何实现这样的功能,包括HTML表单的设计、JavaScript的预处理、...

Global site tag (gtag.js) - Google Analytics