//判断是否有选择的checkbox
function selectCheck()
{
for(var i=0;i<document.forms[0].elements.length; i++)
{
if(document.forms[0].elements[i].type=='checkbox')
{
if(document.forms[0].elements[i].checked==true)
{
return true;
}
}
}
return false;
}
function delSelect()
{
var select="";
if(!selectCheck())
{
alert("请先选中要删除的信息!");
return;
}
//当只有一条记录时,会成null
if(document.all.checknum.length==null)
{
select += document.all.checknum.value + ",";
}
//多条记录时
for(var i = 0; i < document.all.checknum.length; i ++)
{
if(document.all.checknum[i].checked == true)
{
select += document.all.checknum[i].value + ",";
}
}
if(confirm("删除后将不能恢复,您确认执行删除操作么?"))
{
//去掉最后的逗号
select = select.substr(0, select.length - 1);
alert(select);
document.forms[0].action="ylajax.do?Method=deleteRow&select="+select;
document.forms[0].submit();
return ;
}
}
<td><input type="checkbox" name="checknum" value=<bean:write name="s" property="sno"/>></td>
ACTION:
public ActionForward deleteRow(ActionMapping mapping, ActionForm form,
HttpServletRequest request, HttpServletResponse response)
{
StudentForm sg = (StudentForm)form;
List<String> list = new ArrayList<String>();
String check = request.getParameter("select");
String [] id = check.split(",");
for (int i = 0; i < id.length; i++)
{
list.add(id[i]);
}
ProccessStu.getStu().delStudentTex(list);
List<StudentTex> lists = ProccessStu.getStu().getStudentTex();
sg.setStu(lists);
return mapping.findForward("initial");
}
//全选----------------------------------------------------------------------------------
function selectAll()
{
for(var i=0;i<document.forms[0].elements.length;i++)
{
if(document.forms[0].elements.type='checkbox')
{
if(document.forms[0].check.checked==true)
{
document.forms[0].elements[i].checked=true;
}
else
{
document.forms[0].elements[i].checked=false;
}
}
}
}
<input type="checkbox" name="check" onClick="selectAll();" >
窗口弹出在中间页面-----------------------------------------------------------------
function openwindow( url, winName, width, height)
{
xposition=0; yposition=0;
if((parseInt(navigator.appVersion) >= 4 ))
{
xposition = (screen.width - width) / 2;
yposition = (screen.height - height) / 2;
}
theproperty ="width=" + width + "," + "height=" + height + "," + "location=0," + "menubar=0," + "resizable=1," + "scrollbars=0," + "status=0," + "titlebar=0,"
+ "toolbar=0," + "hotkeys=0," + "screenx=" + xposition + "," //仅适用于Netscape
+ "screeny=" + yposition + "," //仅适用于Netscape
+ "left=" + xposition + "," //IE
+ "top=" + yposition; //IE
window.open( url,winName,theproperty );
}
JS不能键盘输入---------------------------------------------------------------------------
<html:file property='uploadFile' styleClass="btn" size="50" onkeydown="if(event.keyCode!=9 && (event.keyCode<35 || event.keyCode>40)) return false;"/>
分享到:
相关推荐
在网页开发中,"js实现全选删除+jsp"是一个常见的功能需求,它涉及到JavaScript(js)和JavaServer Pages(jsp)的交互,主要用于提高用户体验,让用户能够方便地选择并删除多个项目。以下是对这个主题的详细解释: ...
在全选删除场景下,可以先将所有选中CheckBox的值收集到一个集合中,然后在后台遍历这个集合,根据这些值执行SQL DELETE语句,从而删除对应的数据。 5. 安全性和用户体验: 在实现删除功能时,必须考虑安全性,如...
### JavaScript 实现复选框全选/取消功能 在网页开发中,经常需要用到复选框全选或取消的功能。本文将详细介绍如何通过JavaScript实现这一功能,并解析提供的代码片段。 #### 1. 功能概述 本功能的目标是实现一个...
### JavaScript全选后删除功能详解 #### 一、引言 在Web开发中,实现对表格数据或列表项的批量操作是一项常见的需求。比如,在一个用户管理页面中,管理员可能需要一次性选择多个用户并执行删除操作。本文将详细...
在JavaScript编程中,全选、反选和删除选择等功能是网页交互中常见且重要的操作,尤其是在数据表或者多选项列表中。这些功能可以极大地提升用户体验,使得用户能够快速地进行批量操作。以下是对这些概念的详细说明:...
本文将详细解析如何利用JS控制选择框(通常为复选框)的全选与取消全选功能,以及在此基础上实现批量操作。 ### 核心知识点:JS控制选择框全选/取消全选 #### 1. HTML结构定义 在HTML文档中,选择框(复选框)由`...
在本文中,我们将深入探讨如何使用JavaScript来处理复选框(checkbox)的选择状态,包括全选和多选的功能。 ### 全选与多选复选框的实现 #### 函数`checkallbox()`详解 此函数的目标是实现“全选”功能。当用户...
通过JavaScript或者jQuery实现客户端的全选/反选,或者在服务器端处理SelectedIndexChanged事件来同步全选状态。另外,我们还需要在GridView的每一行数据中添加一个复选框,以便用户选择要删除的行。 4. Linq技术:...
在JavaScript中,全选和反选功能通常应用于包含多个复选框(checkbox)的表单中。用户可以通过点击一个主复选框来选择或取消选择所有其他复选框。这个功能在网页表格、数据筛选等场景中非常常见,极大地提高了用户...
在本例中,我们将探讨如何利用HTML的`checkbox`元素,JavaScript来实现全选/反选功能,并通过Servlet来处理数据库中的批量删除操作。 **一、Checkbox全选与反选** 1. **Checkbox基本概念**:Checkbox是HTML中的一...
在给定的压缩包“vue.js单选全选删除选中代码.zip”中,包含的代码示例旨在演示如何在Vue应用中实现单选、全选以及删除选中项的功能。这个功能常见于数据列表管理场景,如表格中的行操作。 首先,Vue.js的核心概念...
这种方法通过JavaScript来实现,当全选按钮被点击时,遍历具有相同名称的所有Checkbox,并根据全选按钮的状态来设置它们的选中状态。 ```html 全选 ('chk')"> <script language="javascript"> ...
"jQuery全选反选及批量删除"是一个常见的交互功能,常用于表格或列表的管理,例如用户可以选择多个项目进行批量操作,如删除。这里我们将深入探讨如何实现这个功能。 首先,我们需要了解jQuery的选择器和事件绑定。...
### JS控制Checkbox全选、取消全选与删除功能 在前端开发中,处理表单数据时经常需要用到对多个复选框(checkbox)的操作,比如全选、取消全选以及基于选择状态进行某些操作(如删除)。本文将详细介绍如何通过...
在这个"JavaScript例子—实现行的增加、删除、全选、反选"的示例中,我们聚焦于如何在HTML表格中实现这些常见的用户交互功能。这个例子可能是一个简单的数据管理或表格操作的教程,旨在帮助开发者理解和掌握...
在Java Web开发中,创建一个具有全选按钮和删除功能的表格是常见的需求,这能够提升用户界面的交互性和操作效率。本篇文章将详细讲解如何实现这个功能。 首先,我们需要理解表格(Table)在Web应用中的基本结构。...
### 字符串的截取与全选并删除功能解析及示例代码 #### 一、字符串的截取 在Web开发中,经常会遇到文本数据过长的问题,这不仅影响页面的美观,还可能导致布局错乱。为了提升用户体验,通常会采用截取字符串的方式...
三、实现全选删除功能 1. 后端处理:在服务器端,我们需要监听GridView的“RowCommand”事件,当用户点击带有删除操作的按钮时触发。首先,在GridView中添加一个ButtonField或LinkButton,设置CommandName为"Delete...
"购物车全选,删除"这个主题涉及到用户在购物车中批量处理商品的能力,包括选择所有已添加的商品并一键删除。这一功能的设计和实现对于提高用户体验至关重要,因为它简化了用户的操作流程,特别是在用户需要快速清空...