javascript实现复选框全选/全不选,与asp删除选中的相应记录

本文主要是介绍javascript实现复选框全选/全不选,与asp删除选中的相应记录,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

 

.js文件

 

// JavaScript Document
function checkAll(e,itemName){    //全选函数
 var aa=document.getElementsByName(itemName);
 for(var i=0;i<aa.length;i++){
  aa[i].checked=e.checked;
 }
}

function checkItem(e,allName){   //当选取或取消选取没一个复选框时调用的函数
 var all=document.getElementsByName(allName)[0]; //全选框对象
 if(!e.checked){      //如果是取消选取那么全选框就取消选取
  all.checked=false;
 }
 else{                 //如果是选取,就要判断其他是否都已经全部选取了
  var aa=document.getElementsByName(e.name);
  for(var i=0;i<aa.length;i++){
   if(!aa[i].checked){//如果有一个没有选上,那么就返回
    return;
   }
  }
  all.checked=true;//如果其他都选上了,全选框就要选上
 }
}

——————————————————————————————————

list.asp文件

 

<!--#include file="inc/connSQL.asp"-->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>列表</title>
<script type="text/javascript" src="js/common.js"></script>
</head>
<body>
<form action="del.asp" method="post">
<table cellpadding="1px" cellspacing="1px" border="1">
<tr>
  <td></td><td>序号</td><td>姓名</td><td>性别</td><td>年龄</td><td>班级</td>
</tr>
<%
Set rs=Server.CreateObject("ADODB.RecordSet")
sqlStr="Select * From T_Student"
rs.Open sqlStr,conn,1,1
Do While Not rs.Eof
%>
<tr>
<td><input type="checkbox" name="id" value=<%=rs("id")%> οnclick="checkItem(this,'idAll')" /></td>
<td><%=rs("id")%></td>
<td><%=rs("name")%></td>
<td><%=rs("gender")%></td>
<td><%=rs("age")%></td>
<td><%=rs("class")%></td>
</tr>
<%
rs.MoveNext
Loop
rs.close
set rs=nothing
%>
</table>
<input type="checkbox" name="idAll" οnclick="checkAll(this,'id')" />全选
<input type="button" value="删除" οnclick="submit()">
</form>
</body>
</html>

 

______________________________________________________________________________

 

del.asp文件


<!--#include file="inc/connSQL.asp"-->
<%
ids=request.Form("id")
sqlStr="Delete  From T_Student Where id in ("&ids&")"
conn.Execute(sqlStr)
%>
<div align="center">删除记录成功<a href="list.asp" target="_self">返回列表</a></div>

 

 

这篇关于javascript实现复选框全选/全不选,与asp删除选中的相应记录的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/907976

相关文章

Python获取中国节假日数据记录入JSON文件

《Python获取中国节假日数据记录入JSON文件》项目系统内置的日历应用为了提升用户体验,特别设置了在调休日期显示“休”的UI图标功能,那么问题是这些调休数据从哪里来呢?我尝试一种更为智能的方法:P... 目录节假日数据获取存入jsON文件节假日数据读取封装完整代码项目系统内置的日历应用为了提升用户体验,

SpringBoot3实现Gzip压缩优化的技术指南

《SpringBoot3实现Gzip压缩优化的技术指南》随着Web应用的用户量和数据量增加,网络带宽和页面加载速度逐渐成为瓶颈,为了减少数据传输量,提高用户体验,我们可以使用Gzip压缩HTTP响应,... 目录1、简述2、配置2.1 添加依赖2.2 配置 Gzip 压缩3、服务端应用4、前端应用4.1 N

Java编译生成多个.class文件的原理和作用

《Java编译生成多个.class文件的原理和作用》作为一名经验丰富的开发者,在Java项目中执行编译后,可能会发现一个.java源文件有时会产生多个.class文件,从技术实现层面详细剖析这一现象... 目录一、内部类机制与.class文件生成成员内部类(常规内部类)局部内部类(方法内部类)匿名内部类二、

SpringBoot实现数据库读写分离的3种方法小结

《SpringBoot实现数据库读写分离的3种方法小结》为了提高系统的读写性能和可用性,读写分离是一种经典的数据库架构模式,在SpringBoot应用中,有多种方式可以实现数据库读写分离,本文将介绍三... 目录一、数据库读写分离概述二、方案一:基于AbstractRoutingDataSource实现动态

Python FastAPI+Celery+RabbitMQ实现分布式图片水印处理系统

《PythonFastAPI+Celery+RabbitMQ实现分布式图片水印处理系统》这篇文章主要为大家详细介绍了PythonFastAPI如何结合Celery以及RabbitMQ实现简单的分布式... 实现思路FastAPI 服务器Celery 任务队列RabbitMQ 作为消息代理定时任务处理完整

Springboot @Autowired和@Resource的区别解析

《Springboot@Autowired和@Resource的区别解析》@Resource是JDK提供的注解,只是Spring在实现上提供了这个注解的功能支持,本文给大家介绍Springboot@... 目录【一】定义【1】@Autowired【2】@Resource【二】区别【1】包含的属性不同【2】@

springboot循环依赖问题案例代码及解决办法

《springboot循环依赖问题案例代码及解决办法》在SpringBoot中,如果两个或多个Bean之间存在循环依赖(即BeanA依赖BeanB,而BeanB又依赖BeanA),会导致Spring的... 目录1. 什么是循环依赖?2. 循环依赖的场景案例3. 解决循环依赖的常见方法方法 1:使用 @La

Java枚举类实现Key-Value映射的多种实现方式

《Java枚举类实现Key-Value映射的多种实现方式》在Java开发中,枚举(Enum)是一种特殊的类,本文将详细介绍Java枚举类实现key-value映射的多种方式,有需要的小伙伴可以根据需要... 目录前言一、基础实现方式1.1 为枚举添加属性和构造方法二、http://www.cppcns.co

使用Python实现快速搭建本地HTTP服务器

《使用Python实现快速搭建本地HTTP服务器》:本文主要介绍如何使用Python快速搭建本地HTTP服务器,轻松实现一键HTTP文件共享,同时结合二维码技术,让访问更简单,感兴趣的小伙伴可以了... 目录1. 概述2. 快速搭建 HTTP 文件共享服务2.1 核心思路2.2 代码实现2.3 代码解读3.

Elasticsearch 在 Java 中的使用教程

《Elasticsearch在Java中的使用教程》Elasticsearch是一个分布式搜索和分析引擎,基于ApacheLucene构建,能够实现实时数据的存储、搜索、和分析,它广泛应用于全文... 目录1. Elasticsearch 简介2. 环境准备2.1 安装 Elasticsearch2.2 J