`

js 全选,反选,批量删除

 
阅读更多

1.js 

//选择
 function checkSelected(){
   var num=0,rid=0;
   var chbox = document.getElementsByName("chbox");
   for(var i=0;i<chbox.length;i++){
    if(chbox[i].checked==true){
     num++;
     rid=chbox[i].value;    }
   if(num==0){
    rid=0;
    alert('请选择需要操作的记录');
   }else if(num>1){
    rid=0;
    alert('一次只能操作一条记录');    return rid;      function checkAll(){//全选
   var e =document.getElementsByName("chbox");
   var len=e.length;
   for(var i=0;i<len;i++)     e[i].checked=true;   }   function checkOther(){//反选
   var e1=document.getElementsByName("chbox");
   var len1=e1.length;
   for(var i=0;i<len1;i++){
   if(e1[i].type="checkbox"){
    if(e1[i].checked==true)      e1[i].checked=false;     else{
     e1[i].checked=true;    }   }   function del(){
   var s = document.getElementsByName("chbox");
   var len= s.length;
   var a=0;
   for(var b=0;b<len;b++)    if(s[b].checked==true){a++;}   if(a>0)     if(confirm("确定删除选择的记录?"))
    {form1.submit();}   else{alert("请选择要删除的记录!");}
  }

2.action

 public String delStu() {
  String[] stuIds = ServletActionContext.getRequest().getParameterValues(
    "chbox");
  for (int i = 0; i < stuIds.length; i++) {
   id = Integer.parseInt(stuIds[i]); // 将得到的值传给id
   Student student = studentService.getById(id);
   studentService.del(student);
    return page();
 }

0
1
分享到:
评论

相关推荐

    SSH 全选反选批量删除

    在"SSH全选反选批量删除"的场景中,我们主要讨论的是如何通过SSH框架实现用户界面的批量操作,如全选、反选和删除功能,同时结合MySQL数据库进行数据处理。 首先,Spring作为核心容器,负责管理应用对象(如DAO、...

    Javascript实现全选反选

    在JavaScript编程中,"全选反选"功能是常见的用户交互设计,常见于表格或列表数据的批量操作中。这个功能允许用户一键选择或取消选择所有项目,极大地提高了操作效率。下面将详细介绍如何使用JavaScript来实现这个...

    JS简单表格列表全选反选代码.zip

    总的来说,"JS简单表格列表全选反选代码"是JavaScript基础应用的一个实例,涉及到事件处理、DOM操作、遍历和逻辑判断等多个核心概念,对于初学者和有一定经验的开发者来说,都是一个很好的学习和参考素材。

    jquery全选反选插件

    首先,jQuery全选反选插件的核心功能是实现复选框的批量选择。在网页上,当用户需要对一组选项进行全部选中或全部取消时,这种功能特别实用,例如在数据筛选、表单提交等场景。插件通常通过监听复选框的变化,来控制...

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

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

    jquery全选反选全不选案例

    "jquery全选反选全不选案例" 是一个常见的交互功能,常见于表格或者列表中,允许用户一键选择或取消所有选项。这个功能在数据筛选、批量操作等场景下非常实用。 实现这一功能的关键在于理解 jQuery 中的选择器和...

    js 全选/反选/删除选择等代码 (精华)

    在JavaScript编程中,全选、反选和删除选择等功能是网页交互中常见且重要的操作,尤其是在数据表或者多选项列表中。这些功能可以极大地提升用户体验,使得用户能够快速地进行批量操作。以下是对这些概念的详细说明:...

    checkbox全选反选与批量删js+asp源码

    本示例“checkbox全选反选与批量删js+asp源码”提供了一个结合JavaScript和ASP技术来实现这一功能的解决方案。 首先,我们来看JavaScript部分。JavaScript是一种运行在浏览器端的脚本语言,它用于控制网页的动态...

    jQuery全选反选及批量删除

    "jQuery全选反选及批量删除"是一个常见的交互功能,常用于表格或列表的管理,例如用户可以选择多个项目进行批量操作,如删除。这里我们将深入探讨如何实现这个功能。 首先,我们需要了解jQuery的选择器和事件绑定。...

    三种方式实现checkbox全选,反选

    全选和反选功能在多选列表中尤其常见,例如在批量操作或者多条件筛选时。以下是三种实现Checkbox全选和反选的方法,以及它们的JavaScript和Java实现细节。 ### 方法一:使用`checked`属性 **JavaScript实现**: 在...

    JS全选反选父项子项联动多选框

    ### JS全选反选父项子项联动多选框知识点详解 #### 一、知识点概述 在前端开发中,我们经常遇到需要实现全选/反选功能的需求,尤其是在表格或列表选择场景中。本文将详细介绍一种实现“父项选中时,子项随父项选中...

    Jquery全选反选Checkbox

    "Jquery全选反选Checkbox"是一个常见的功能需求,特别是在需要用户批量选择或取消选择多个选项的场景下。这个功能通常应用于表格、列表或其他数据展示组件,让用户能够快速地对一组复选框进行全选或反选操作。 首先...

    全选反选复选框JS实现

    - `全选反选_按钮.js`这个文件很可能包含了实现这些功能的JS代码。通常,它会包含上述逻辑的函数定义,以及在页面加载完成后绑定事件监听器的代码。 - 例如,可能会有像`selectAll()`、`unselectAll()`和`check...

    全选反选源代码

    2. **逻辑处理简化**:通过简单的逻辑判断即可实现复杂的数据操作,如批量删除、编辑等。 3. **代码复用性**:上述代码片段可以在多个项目中复用,只需稍作修改即可适应不同的场景需求。 #### 四、注意事项 - 在...

    springmvc+mysql增删改查批量删除异步请求全选反选

    批量删除和全选/反选功能进一步增强了用户体验,而异步请求则优化了系统的响应速度。 首先,让我们深入了解Spring MVC的核心概念。Spring MVC通过DispatcherServlet作为前端控制器接收HTTP请求,然后利用...

    jQuery表格行全选反选单选代码.zip

    综上所述,jQuery表格行全选反选单选代码是通过tableCheckbox.js插件实现的,提供了高效和直观的用户交互体验,特别是对于处理大量数据的表格。同时,这个话题也涉及到了jQuery在实现选项卡等界面特效方面的应用,...

    AngularJS实现全选反选功能

    AngularJS实现全选反选功能的知识点可以分为以下几个方面进行详细介绍: 1. AngularJS基本概念:AngularJS是一种流行的前端JavaScript框架,由Google维护和开发。它的主要目的是通过扩展HTML来简化Web应用的开发。...

    jQuery .prop()属性全选反选

    本文将深入探讨`.prop()`方法,特别是它在实现表格行全选与反选中的应用,同时还会涉及到`jquery.tableCheckbox.js`这个插件。 首先,`.prop()`方法是用来处理元素的属性(properties),如`checked`、`selected`或...

Global site tag (gtag.js) - Google Analytics